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

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

Обновлено более месяца назад

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

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

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

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

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

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

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

2 колонки

3 колонки

Колонки

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

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

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

Соотношение

L 1/3 - R 2/3

Соотношение

L 2/3 - R 1/3

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

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

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

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

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

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

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

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

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