Карточка товара на сайте
Служебная страница позиции: галерея, варианты, «В корзину». Адрес /product/…
Когда покупатель открывает товар, он попадает на служебную страницу той же коллекции «Магазин»: галерея, название, цена выбранного варианта, описание и кнопка В корзину. Это не произвольный набор блоков, а зарезервированный шаблон карточки.
Адрес всегда строится так: {адрес-магазина}/product/{адрес-товара}. Например, /store/product/sinyaya-sumka. Сегмент product в пути зарезервирован: его не занимает адрес самого товара и не путают с названием страницы магазина.
Саму карточку в кабинете (название, фото, цена) заполняют в разделе Магазин → Товары — см. Товары и услуги. Эта статья — про то, как страница выглядит на сайте.
[изображение: карточка товара на сайте — галерея, цена, варианты, «В корзину»]
Как открыть в редакторе
Откройте страницу магазина в панели «Страницы». В списке коллекции нажмите нужный товар — в превью откроется его страница. Чтобы вернуться к сетке, нажмите Обзор магазина.
Служебную секцию карточки нельзя клонировать, удалить или добавить в избранное. Над ней секцию не ставят: плюс «добавить секцию» есть только под карточкой.
Редактор настраивает оформление карточки на сайте. Цену, остаток и видимость в каталоге меняют владелец и администратор.
Секции под карточкой
Под служебной секцией можно добавить обычные секции — текст, галерея, форма, отзывы. Они показываются только на этой позиции: у синей сумки свой блок под карточкой, у другой — свой. На витрине магазина этих секций нет.
- Откройте товар в превью.
- Нажмите плюс под карточкой и выберите секцию из каталога.
- Соберите блоки, как на любой другой странице.
При дублировании товара эти секции копируются на новую карточку. Если товар удалить, секции этой позиции тоже исчезнут. Секции самой витрины к товару не привязаны — см. Страница магазина.
[изображение: карточка товара в редакторе с плюсом «добавить секцию» под служебным блоком]
Элементы
В диалоге секции три вкладки: Элементы, Формат и Цвета.
На вкладке «Элементы»:
- Навигация товара — хлебные крошки или без навигации.
- Количество — поле штук для физических товаров. Услуга количество на карточке не спрашивает.
Формат
Макет: Простой, Обтекание, Полный или Половина.
В простом макете настраиваются ширина страницы (на всю ширину или с отступами), вид галереи (Слайд-шоу, Стопкой, Карусель), выравнивание текста, ширина формы, положение описания (под ценой, под кнопкой «В корзину» или под дополнениями), положение и ширина галереи, миниатюры, действие по клику и при наведении на фото.
Для всех макетов задаются:
- Отображение вариантов — выпадающий список или кнопки;
- Стиль кнопки — основная, вторичная или третичная.
[изображение: вкладка «Формат» карточки товара — макет, галерея, варианты]
Как завести цвет и размер — в статье Варианты, цена и остатки.
Покупка с карточки
Покупатель выбирает значения опций, при необходимости указывает количество и нажимает В корзину. После этого открывается мини-корзина: можно перейти на страницу /cart или сразу оформить заказ.
Цена на странице — цена выбранного варианта. Если вариант закончился, его не купить. Дальше — статья Корзина и оформление заказа.
Один и тот же товар на любой другой странице показывает блок «Товар». Сетка всего каталога — на странице магазина.