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

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

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

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

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

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

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

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

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

Примечание: дизайн кнопки берётся из глобальных настроек стиля сайта. Чтобы изменить их, обратитесь к статье Изменение дизайна кнопки.
Помимо блоков, добавленных по умолчанию, вы также можете дополнить страницу товара с помощью других блоков — например, добавить блок с отзывами, контактами, адресами офисов и так далее.
Наведите на место на странице, куда вы хотите поместить блок, и нажмите на Добавить блок:

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

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

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

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

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

Вам доступны универсальные настройки блока — например, добавление фона, анимации, изменение отступов и так далее. Детальнее об этом вы можете узнать в статье Изменение дизайна блока. Вы также можете перемещать, удалять или копировать элементы в блоке или добавлять фон и менять отступы в колонках — статья Управление элементами расскажет как.
Настройки галереи товара
Помимо дополнительных элементов, вы можете менять вид уже существующих в блоке колонок. Чтобы настроить колонку с изображениями товара, наведите на неё и нажмите на «бегунок»:

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

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

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

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

Примечание: дизайн кнопки берётся из глобальных настроек стиля сайта. Чтобы изменить их, обратитесь к статье Изменение дизайна кнопки.
Изменение структуры страницы товара
Помимо блоков, добавленных по умолчанию, вы также можете дополнить страницу товара с помощью других блоков — например, добавить блок с отзывами, контактами, адресами офисов и так далее.
Наведите на место на странице, куда вы хотите поместить блок, и нажмите на Добавить блок:

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

Вы можете изменять дизайн блоков или менять их порядок на странице.
Последнее изменение: 26/04/2024
Спасибо!