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