Редактирование страницы товара
Каждый товар в каталоге интернет-магазина имеет свою уникальную страницу. По умолчанию у всех страниц товаров похожий вид — они состоят из шапки, подвала сайта и блока с описанием товара. Вот пример того, как выглядит страница товара:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1084-1_ymav3n.png)
Однако вы можете управлять страницей товаров глобально — изменив дизайн в редакторе, он применится ко всем страницам товаров в интернет-магазине. Изменить эту страницу можно также, как и другие страницы в редакторе. Например, вам доступны следующие действия:
Добавление блоков и элементов — контактных форм, отзывов, стороннего кода.
Отображение всплывающего окна на страницах товаров.
Изменение дизайна и текста кнопки добавления товара в корзину.
Следуйте инструкциям ниже, чтобы изменить дизайн страниц своих товаров в каталоге.
Под разделом Мои сайты нажмите на домашнюю страницу сайта, перейдите на вкладку Магазин, что ниже, и выберите Страница товара:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/st-tovaru-ru_y3pq0n.png)
На странице товара всегда находится блок с описанием товара, артикулом, его медиа-файлами и кнопкой заказа. Вы можете настроить вид этого блока самостоятельно.
Наведите на пустое место в блоке снизу, сбоку или вверху, чтобы добавить к нему новую колонку:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1075-2_9z6j0v.png)
Вы можете добавить любой элемент из галереи к блоку товара:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1076-1_184q1a3.png)
Вам доступны универсальные настройки блока — например, добавление фона, анимации, изменение отступов и так далее. Детальнее об этом вы можете узнать в статье Изменение дизайна блока. Вы также можете перемещать, удалять или копировать элементы в блоке или добавлять фон и менять отступы в колонках — статья Управление элементами расскажет как.
Помимо дополнительных элементов, вы можете менять вид уже существующих в блоке колонок. Чтобы настроить колонку с изображениями товара, наведите на неё и нажмите на «бегунок»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1080-2_191lfs2.png)
В новом окне выберите количество изображений, которые будут отображаться в ряду:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ru-2_17s7lik.png)
Чтобы настроить названия стандартных полей товара (артикул, количество товаров), а также текст и дизайн кнопки, наведите на раздел блока с названием товара и нажмите на «бегунок»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1082-2_1y8kwqj.png)
Во вкладке Общие вы можете выбрать, какие детали товара вы хотите скрыть или отобразить на странице:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ru-3_1n6vddv.png)
Во вкладке Действие вы можете изменить текст или дизайн кнопки. Также вы можете добавить иконку к тексту в кнопке:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ru-4_1jx66cv.png)
Примечание: дизайн кнопки берётся из глобальных настроек стиля сайта. Чтобы изменить их, обратитесь к статье Изменение дизайна кнопки.
Помимо блоков, добавленных по умолчанию, вы также можете дополнить страницу товара с помощью других блоков — например, добавить блок с отзывами, контактами, адресами офисов и так далее.
Наведите на место на странице, куда вы хотите поместить блок, и нажмите на Добавить блок:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1074-1_1nbvkx5.png)
Выберите блок из галереи и нажмите на него, чтобы добавить на страницу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_j36sju.png)
Вы можете изменять дизайн блоков или менять их порядок на странице.
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1084-1_ymav3n.png)
Однако вы можете управлять страницей товаров глобально — изменив дизайн в редакторе, он применится ко всем страницам товаров в интернет-магазине. Изменить эту страницу можно также, как и другие страницы в редакторе. Например, вам доступны следующие действия:
Добавление блоков и элементов — контактных форм, отзывов, стороннего кода.
Отображение всплывающего окна на страницах товаров.
Изменение дизайна и текста кнопки добавления товара в корзину.
Следуйте инструкциям ниже, чтобы изменить дизайн страниц своих товаров в каталоге.
Изменение дизайна блока с товаром
Под разделом Мои сайты нажмите на домашнюю страницу сайта, перейдите на вкладку Магазин, что ниже, и выберите Страница товара:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/st-tovaru-ru_y3pq0n.png)
На странице товара всегда находится блок с описанием товара, артикулом, его медиа-файлами и кнопкой заказа. Вы можете настроить вид этого блока самостоятельно.
Наведите на пустое место в блоке снизу, сбоку или вверху, чтобы добавить к нему новую колонку:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1075-2_9z6j0v.png)
Вы можете добавить любой элемент из галереи к блоку товара:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1076-1_184q1a3.png)
Вам доступны универсальные настройки блока — например, добавление фона, анимации, изменение отступов и так далее. Детальнее об этом вы можете узнать в статье Изменение дизайна блока. Вы также можете перемещать, удалять или копировать элементы в блоке или добавлять фон и менять отступы в колонках — статья Управление элементами расскажет как.
Настройки галереи товара
Помимо дополнительных элементов, вы можете менять вид уже существующих в блоке колонок. Чтобы настроить колонку с изображениями товара, наведите на неё и нажмите на «бегунок»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1080-2_191lfs2.png)
В новом окне выберите количество изображений, которые будут отображаться в ряду:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ru-2_17s7lik.png)
Настройки деталей товара
Чтобы настроить названия стандартных полей товара (артикул, количество товаров), а также текст и дизайн кнопки, наведите на раздел блока с названием товара и нажмите на «бегунок»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1082-2_1y8kwqj.png)
Во вкладке Общие вы можете выбрать, какие детали товара вы хотите скрыть или отобразить на странице:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ru-3_1n6vddv.png)
Во вкладке Действие вы можете изменить текст или дизайн кнопки. Также вы можете добавить иконку к тексту в кнопке:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ru-4_1jx66cv.png)
Примечание: дизайн кнопки берётся из глобальных настроек стиля сайта. Чтобы изменить их, обратитесь к статье Изменение дизайна кнопки.
Изменение структуры страницы товара
Помимо блоков, добавленных по умолчанию, вы также можете дополнить страницу товара с помощью других блоков — например, добавить блок с отзывами, контактами, адресами офисов и так далее.
Наведите на место на странице, куда вы хотите поместить блок, и нажмите на Добавить блок:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1074-1_1nbvkx5.png)
Выберите блок из галереи и нажмите на него, чтобы добавить на страницу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_j36sju.png)
Вы можете изменять дизайн блоков или менять их порядок на странице.
Обновлено на: 26/04/2024
Спасибо!