Каждый товар в каталоге интернет-магазина имеет свою уникальную страницу. По умолчанию у всех страниц товаров похожий вид — они состоят из шапки, подвала сайта и блока с описанием товара. Вот пример того, как выглядит страница товара:



Однако вы можете управлять страницей товаров глобально — изменив дизайн в редакторе, он применится ко всем страницам товаров в интернет-магазине. Изменить эту страницу можно также, как и другие страницы в редакторе. Например, вам доступны следующие действия:

Добавление блоков и элементов — контактных форм, отзывов, стороннего кода.
Отображение всплывающего окна на страницах товаров.
Изменение заголовков для деталей товара.
Изменение дизайна и текста кнопки добавления товара в корзину.

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

Изменение дизайна блока с товаром

На панели управления в редакторе откройте вкладку Магазин и нажмите на Страница товара:



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

Наведите на пустое место в блоке снизу, сбоку или вверху, чтобы добавить к нему новую колонку:



Вы можете добавить любой элемент из галереи к блоку товара:



Вам доступны универсальные настройки блока — например, добавление фона, анимации, изменение отступов и так далее. Детальнее об этом вы можете узнать в статье Изменение дизайна блока. Вы также можете перемещать, удалять или копировать элементы в блоке или добавлять фон и менять отступы в колонках — статья Управление элементами расскажет как.

Настройки галереи товара

Помимо дополнительных элементов, вы можете менять вид уже существующих в блоке колонок. Чтобы настроить колонку с изображениями товара, наведите на неё и нажмите на «бегунок»:



В новом окне выберите количество изображений, которые будут отображаться в ряду:



Настройки деталей товара

Чтобы настроить названия стандартных полей товара (артикул, количество товаров), а также текст и дизайн кнопки, наведите на раздел блока с названием товара и нажмите на «бегунок»:



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



Во вкладке Действие вы можете изменить текст, его форматирование или дизайн для кнопки. Также вы можете добавить к тексту в кнопке иконку:



Примечание: дизайн кнопки берётся из глобальных настроек стиля сайта. Чтобы изменить их, обратитесь к статье Изменение дизайна кнопки.

Настройки описания товара

Чтобы заменить заголовок описания товара, наведите на этот раздел в блоке и нажмите на «бегунок»:



Введите собственный заголовок для описания товара:



Изменение структуры страницы товара

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

Наведите на место на странице, куда вы хотите поместить блок, и нажмите на «плюс»:



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



Вы можете изменять дизайн блоков или менять их порядок на странице.
Была ли эта статья полезна?
Отменить
Спасибо!