Дизайн карточки товара
Настройки внешнего вида карточки товара

Важно: 

Настройки дизайна общие для всех товаров интернет-магазина

Кратко:

Чтобы настроить внешний вид карточки товара, нужно: перейти на страницу любого товара и открыть меню дизайна - Общие настройки дизайна → Карточка товара

Перейти на страницу любого товара. Это можно сделать из раздела каталога или нажав кнопку "Просмотр" в карточке товара (Магазин → Товары)

Открыть меню дизайна можно 2 способами:

  1. Нажать круглую синюю кнопку со скрещенным карандашом и линейкой

2. Навести курсор на вкладку "Общие настройки дизайна" на панели инструментов вверху и выбрать пункт "Карточка товара"

В меню дизайна есть 3 основных блока, из которых состоит карточка товара:

  1. Дизайн карточки продукции
  2. Хлебные крошки
  3. Добавление в корзину

Каждый из блоков настраивается отдельно

1

Дизайн карточки продукции

Здесь вы можете:

  • Название продукта - настроить шрифты, размер и цвет шрифта, выравнивание и расположение названия, а также отступ снизу
  • Изображения - указать структуру карточки товара, соотношение сторон и кадрирование изображений, формат отображения на мобильных, а также вариант взаимодействия с изображениями
  • Последовательность блоков - указать порядок отображения блоков с информацией
  • Добавление в избранное - включить/выключить кнопку добавления в избранное
  • Артикул - включить/выключить артикул, указать сопровождающий текст, настроить шрифты, размер и цвет шрифта сопровождающего текста и артикула, а также отступ снизу
  • Наличие - включить/выключить блок с информацией о наличии товара, указать текст, если товар есть в наличии или нет, настроить шрифты, размер и цвет шрифта, отступ снизу
  • Количество - включить/выключить блок, указать вид выбора количества (поле для ввода или кнопки + и -), настроить шрифты, размер и цвет шрифта, цвет обводки и отступ снизу
  • Варианты товара - указать вид выбора варианта (выпадающий список с обводкой, выпадающий список или сразу показываем все), настроить шрифты, размер и цвет шрифта, цвет обводки и отступ снизу
  • Цена - настроить шрифты, размер и цвет шрифта цены и старой цены, цвет линии для перечеркнутых цен, отступ снизу и включить/выключить опцию "Вывести цену справа от количества"
  • Кнопка добавления в корзину - включить/выключить кнопку, указать текст на кнопке, настроить отступ снизу, задать типовое или настроить уникальное оформление: настроить шрифты, размер и цвет шрифта текста на кнопке, цвет фона, цвет и толщину обводки, вертикальные и горизонтальные отступы, радиус скругления кнопки
  • Кнопка быстрого заказа - включить/выключить кнопку, указать текст на кнопке, настроить отступ снизу и тип быстрого заказа (полноценный и форма, если выбрана форма, то есть настройки формы быстрого заказа), задать типовое или настроить уникальное оформление: настроить шрифты, размер и цвет шрифта текста на кнопке, цвет фона, цвет и толщину обводки, вертикальные и горизонтальные отступы, радиус скругления кнопки
  • Параметры - настроить шрифты, размер и цвет шрифта названий и значений параметров, а также отступ снизу
  • Описание - настроить шрифты, размер и цвет шрифта заголовков и текста в описании, отступ снизу
  • Блок с преимуществами (информация в данном блоке общая для всех товаров) - включить/выключить блок, указать до 6 преимуществ товаров или магазина, настроить шрифты, размер и цвет шрифта преимуществ, выбрать тип маркера (тире, круг или галочка) и его цвет, а также отступ снизу
  • Комментарии Disqus и вставка HTML - вставить HTML-код виджета комментариев Disqus или код другого виджета
  • Блок "Смотрите также" - указать заголовок сопутствующих товаров, настроить шрифты, размер и цвет шрифта заголовка, а также выравнивание заголовка
  • Фон, отступы и ширина - настроить фоновое изображение или цвет фона, вертикальные отступы и ширину блока (800, 1000, 1200 пикселей или во всю ширину экрана)
2

Хлебные крошки

Здесь вы можете:

  • Основные настройки - включить/выключить хлебные крошки, настроить шрифты и размер шрифта, цвет шрифта и стрелок отдельно для десктопов и для мобильных, а также выбрать полный или сокращенный формат крошек на мобильных
  • Фон, отступы и ширина - настроить фоновое изображение или цвет фона, вертикальные отступы и ширину блока (800, 1000, 1200 пикселей или во всю ширину экрана)
3

Добавление в корзину

Здесь вы можете:

  • Общие настройки - выбрать вид уведомления о добавлении в корзину, указать текст заголовка и настроить шрифты, размер и цвет шрифта заголовка, цвет фона уведомления и кнопки закрытия, а также цвет иконки кнопки закрытия
  • Варианты - настроить шрифты, размер и цвет шрифта поля, цены и старой цены, цвет фона, обводки активного и не активного полей, а также цвет перечеркивания старой цены
  • Сопутствующие товары - указать текст заголовка, настроить шрифты, размер и цвет шрифта заголовка блока, названия товара, цены и старой цены, цвет разделителя, кнопок слайдера и перечеркивания старой цены
  • Кнопка - указать текст на кнопке перехода в корзину, настроить шрифты, размер и цвет шрифта текста, а также цвет фона кнопки, цвет и толщину обводки, вертикальные и горизонтальные отступы, а также радиус скругления кнопки
Товар добавлен в корзину
Оформить заказ

Смотрите также
от {{product.formated_min_price}}