К основному содержимому

Настройка дизайна страницы товара

Настройка страницы товара в редакторе дизайна

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

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

Настройка страницы товара происходит в Сайт → Дизайн → Редактор дизайна → Страница товара.

Настройка страницы товара в редакторе дизайна — Хорошоп

Визуальный стиль

Здесь можно определить шаблон верстки страницы и установить цвет и визуальный вид групп компонентов на странице.

Стиль страницы товара в редакторе дизайна — Хорошоп
  • Шаблон страницы — выбор одного из двух возможных вариантов расположения колонок в верстке страницы: 2 колонки или 3 колонки. Эта настройка определяет порядок расположения секций страницы, который вы увидите во вкладке Структура страницы. К настройке добавлена подсказка со схематическим изображением макета секций.

2 колонки

3 колонки

Колонки

Эти настройки доступны только при выборе шаблона 2 колонки. В таком случае вы можете задать соотношение ширины колонок друг к другу, а также установить минимальную ширину каждой из колонок в пикселях.

Примеры настроек пропорции шаблона в две колонки

Без компонентов в верхнем блоке

Соотношение

L 1/3 - R 2/3

Соотношение

L 2/3 - R 1/3

Группы компонентов

Группа — это несколько компонентов на странице, которые объединены в общий блок на странице товара. В каждой группе компоненты могут отображаться последовательно друг за другом (с разделителем или без него) или быть собранными в закладки (табы).

Пример группы, объединенной в табы

Пример группы, объединенной в табы — Хорошоп

Структура страницы

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

Шаблон страницы товара в редакторе дизайна — Хорошоп

В каждой секции будут отображаться группы компонентов, которые в ней находятся. Компоненты можно перемещать как внутри группы, так и в другие группы. Также вы можете менять порядок отображения групп в секции, или перемещать группу между секциями.

Компоненты, после названия которых стоит символ >, можно дополнительно настраивать — для этого нужно кликнуть на название.

Фото товара и галерея — можно менять размер фото, включать или выключать отображение стикеров и логотипа, перемещать галерею миниатюр.

Фото товара и галерея — Хорошоп

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

Обратите внимание: если для товара заполнено поле Артикул для отображения на сайте, то вместо Артикула отображается значение из этого поля.

Заголовок — Хорошоп

Цена — есть возможность отображать или скрывать наличие товара, управлять иконками Избранное и Сравнение.

Цена — Хорошоп

Выбор модификации товара — можно настраивать внешний вид переключателей модификаций по цвету и другим параметрам.

Выбор модификации товара — Хорошоп

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

Комплект товаров — есть возможность менять положение изображений товаров внутри блока.

Обратный отсчет акции — можно настраивать цвет таймера, текста и фона.

Кнопки покупки, Комплект товаров, Обратный отсчет акции — Хорошоп

Характеристики — можно настраивать стиль отображения характеристик на странице товара.

Характеристики — Хорошоп

Описание — можно свернуть или развернуть описание товара.

Отзывы — есть возможность задать количество отзывов, отображаемых на странице товара.

Описание, Отзывы — Хорошоп

Товары с похожими характеристиками, Товары из категории, Аксессуары — можно отображать или скрывать кнопку Купить рядом с товарами.

Товары с похожими характеристиками, Товары из категории, Аксессуары — Хорошоп

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