К основному содержимому
Все коллекцииРедактор дизайна
Настройка дизайна миникарточки товара в каталоге
Настройка дизайна миникарточки товара в каталоге

Настройка дизайна карточки товара на страницах каталога в редакторе дизайна

Обновлено более 2 мес. назад

Миникарточка — это карточка товара на странице каталога вашего магазина. Хорошоп позволяет настраивать миникарточку в различных отображениях и выводить при необходимости дополнительные элементы, которые делают карточку более информативной для покупателей.

Описанные настройки осуществляются в Сайт → Дизайн → Редактор дизайна → Миникарточка товара на странице категории.

Настройка размера и стиля миникарточки товара — Хорошоп

Размер и стиль

  • Стиль миникарточки — общее отображение карточки в каталоге, доступные значения: без рамок, сетка, карточки.

  • Размер миникарточки — определение размера карточки в каталоге, доступные значения: S, M, L.

  • Выравнивание элементов — выбор типа выравнивания элементов (названия, цены, модификации и т.д.) на миникарточке.

  • Положение подарка на фото — выбор позиции расположения иконки подарка на фото товара в миникарточке.

Настройка размера и стиля миникарточки товара — Хорошоп

Настройки для фотографий

  • Пропорции фото — выбор соотношения сторон фото в миникарточке товара.

  • Показывать следующее фото при наведении курсора — при наведении курсора на странице каталога будет отображаться второе фото, добавленное к товару.

  • Обесцвечивать фото, если покупка товара недоступна — если для статуса товара выбрано действие Покупка недоступна, фото будет отображаться в ч/б.

  • Растягивать фото для заполнения всей площади карточки — если включено, фото будет масштабироваться по ширине карточки.

Название и цена товара

Для названия и цены товара в миникарточке можно задать размер и жирность шрифта.

  • Максимальное количество строк — выбор количества строк в названии в миникарточке. При выборе значения 1-3 отображаться будет только часть названия, которые помещается в эти строки. При выборе Без ограничения название любой длины отображается полностью.

Настройка отображения названия и цены товара в миникарточке товара — Хорошоп

Кнопка покупки и дополнительные компоненты

В этой вкладке вы можете настроить отображение кнопки Купить в миникарточке товара в каталоге, добавить в миникарточку счетчик количества товаров и включить на карточке отображение дополнительных элементов:

  • Артикул и рейтинг товара, количество отзывов — добавляются вместе;

  • Статус наличия товара;.

  • Название бренда товара.

Настройка кнопки покупки и дополнительных компонентов миникарточки — Хорошоп

Миникарточка при наведении курсора

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

Вы можете изменить цвет рамки вокруг миникарточки, а также вывести отображение при наведении определенных элементов и задать стиль их отображения.

Настройка отображения миникарточки при наведении курсора — Хорошоп

При наведении на миникарточку на ней могут отображаться:

  1. Выбор модификации товара — можно выбрать только модификации по цвету, или выбор по всем параметрам модификации;

  2. Характеристики товара;

  3. Оптовые цены за количество;

  4. Иконка «Добавить в избранное»;

  5. Иконка «Добавить к сравнению».

Нашли ответ на свой вопрос?