Настраиваем карточку товара

Последние изменения: 20.09.2021

Карточка товара - визуально выделенная информация о конкретном товаре.

В виде карточек товаров в магазине оформлен каталог, а также блок «Товары на главной»

Для настройки карточки товара переходим Каталог → Карточка товара 

Устанавливаем размер карточки товара в версии для компьютера: маленький, стандартный или большой.

Устанавливаем размер карточки товара в версии для смартфона: маленький, стандартный или большой.

Устанавливаем формат изображений, выбирая одну из пропорций: 3:2, 2:3 или 1:1. 

Сами изображения товаров загружаются в разделе Каталог → Товары

При необходимости активируем функциональность «Растягивать изображения» для того, чтобы изображение товара занимало всё отведенное для него пространство на карточке.   

Устанавливаем, как будут сгруппированы карточки товаров: в виде отдельных карточек или в виде таблицы.

Выбираем цвет подложки для карточки товара.

Активируем функцию «Собственная подложка для изображения», если изображение товара загружено в формате .png, и у него будет своя собственная подложка.

Выбираем цвет подложки для изображения.

Далее устанавливаем степень скругления карточки.

Переходим к блоку «Элементы».

Определяем расположение на карточке товара ярлыков «Хит», «Новинка», «Рекомендуем», «Скоро закончится», «Скидка».

Для справки: ярлыки «Хит», «Новинка», «Рекомендуем» назначаются товарам в разделе Каталог → Товары.

Ярлык «Скоро закончится» присваивается товару автоматически в случае, если остаток данного товара на складе составляет менее 3 единиц.

Ярлык «Скидка» присваивается товару автоматически в случае, если товар попадает под действие скидки, оформленной в разделе Маркетинг → Скидки

Определяем формат кнопки «В корзину», при нажатии которой выбранный товар перемещается в корзину магазина. 

Кнопка на карточке товара может быть видима всегда, может быть видима только при наведении курсором или может быть вовсе скрыта.

Выбираем также внешний вид кнопки.

При необходимости - меняем название кнопки.

Определяем формат кнопки «Быстрый просмотр» (кнопки для быстрого доступа к информации о товаре без перехода на страницу товара). 

Кнопка на карточке товара может быть видима всегда, может быть видима только при наведении курсором или может быть вовсе скрыта.

Выбираем также внешний вид кнопки.

При необходимости - меняем название кнопки.

При необходимости активируем функциональность «Переносить кнопки друг под друга» для случаев, когда названия кнопок слишком длинные и не помещаются в одну строку по ширине карточки товара. 

Активируем или отключаем основные информационные блоки карточки товара:

  • Цена

  • Категория товара

  • Рейтинг

  • Название

Последовательность отображения информационных блоков можно регулировать. Для этого нажимаем на символ «шесть квадратиков», а затем перетаскиваем блоки и выставляем их в необходимом порядке.

Выбираем формат выравнивания содержимого карточки товара: по левому краю, по центру или по правому краю.

При необходимости добавляем на карточку товара иконку «В избранное», включив соответствующий переключатель.

После установки всех настроек нажимаем на кнопку «Сохранить».

Помогла ли вам статья?