Секция Информация о товаре является главной частью страницы товара. С одной стороны она показывает изображения товара, а с другой подробности о нем (название, описание и форму заказа). Она обязательна на странице товара, поэтому ее можно оформлять, но нельзя удалить.
Где ее найти
- Откройте конструктор и выберите Страница товара на вкладке Страницы.
- Выберите товар для предпросмотра. Это меняет только то, что показывает предпросмотр: ваш дизайн применяется сразу ко всем товарам.
- Нажмите Информация о товаре в предпросмотре или на вкладке Секции.
В секции две фиксированные части: Медиа и Подробности. Их нельзя удалить или переместить, только настроить. На телефонах они идут друг под другом: сначала изображения, затем подробности.
Настройки секции
- Ширина секции: Страница держит контент в пределах ширины страницы, Полный растягивает от края до края.
- Равные столбцы: если включено, изображения и подробности занимают по половине ширины. Если выключено, каждый столбец занимает столько места, сколько ему нужно.
- Цветовая схема, Промежуток (расстояние между двумя столбцами), отступы и Пользовательский CSS.
Медиа: галерея изображений
Показывает фото и видео, которые вы добавили к товару.
- Режим: Карусель (по одному изображению) или Сетка (все изображения сразу).
- Закреплено: Выключено, Компьютер, Мобильный или Оба. Закрепленная галерея остается на виду, пока покупатели прокручивают подробности.
- Сетка: Столбцы (1 или 2), Промежуток и Сначала на всю ширину (первое изображение занимает оба столбца).
- Карусель: Иконки навигации (стрелки, шевроны или нет), Фон иконки, Пагинация на ПК (точки, счетчик, миниатюры) и Пагинация на мобильном (точки, счетчик, подсказка, миниатюры). Подсказка показывает край следующего изображения.
- Миниатюры: при миниатюрах на компьютере задайте Позиция на ПК (слева, снизу, справа) и Размер на ПК. На телефонах они всегда под изображением.
- Соотношение сторон: Авто сохраняет собственную форму каждого изображения. При портретном, квадратном или альбомном варианте Подгонка медиа выбирает Заполнить (заполнить и обрезать) или Вместить (показать изображение целиком).
- Включить масштабирование: покупатели нажимают на изображение, чтобы увидеть его на весь экран.
Подробности: блоки рядом с изображениями
У части Подробности есть Промежуток и Фиксированный на ПК (столбец остается на виду, пока покупатели прокручивают изображения). Выберите ее и нажмите Добавить новый блок, чтобы добавить блоки, и перетаскивайте их в любом порядке.
- Заголовок: название товара, один раз на странице. Задайте Ширина, Выравнивание, Предустановка, Высота строки и Межбуквенный интервал. Показывать над изображением на мобильных переносит название (с рейтингом) над галереей на телефонах. Показывать отзывы над заголовком ставит звездный рейтинг над названием.
- Описание: текст из вашего товара. Задайте высоту строки и межбуквенный интервал. При включенном Нажмите на изображение для прокрутки щелчок внутри описания прокручивает к форме заказа, если формы нет на экране. Ссылки по-прежнему работают.
- Форма: цена, варианты и кнопка покупки. Ее настройки описаны в статье Как настроить секцию "Информация лендинга" и форму заказа (кнопки, обратный отсчет, WhatsApp)?
- Разделитель: до 2 линий между блоками.
- Раскрывающиеся блоки, График доставки, Таблица размеров, Значки и До и после: см. Как добавить на страницу товара раскрывающиеся вкладки, даты доставки, таблицу размеров, значки или изображения "до и после"?
Форма и Описание обязательны: их можно перемещать, но нельзя удалить.
Закрепленная кнопка
Оставляет способ купить на экране, когда покупатель прокрутил от формы заказа. Она снова скрывается, пока на экране видна любая форма. Режим:
- Нет: без закрепленного элемента.
- Полоса: полоса внизу с ценой, количеством и кнопкой покупки.
- Кнопка: плавающая кнопка, которая прокручивает к форме. Задайте Метка (если пусто, используется текст кнопки покупки), Стиль (основной или вторичный), Позиция (в начале, по центру, в конце) и Анимация (пульсация, сердцебиение, тряска, подпрыгивание, свечение, рябь, покачивание или нет).
- Изображение: плавающее изображение на ваш выбор, которое прокручивает к форме, с настройками Позиция и Анимация.
В конструкторе закрепленный элемент показывается, пока секция выбрана, чтобы его можно было оформить.