Конструктор витрины

Секции и блоки

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

Секции и блоки

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

Глобальные секции (отображаются на каждой странице)

Строка объявлений

Тонкая рекламная полоса вверху страницы. Можно добавить до 7 отдельных объявлений, каждое со своим текстом. Сообщения чередуются в двух режимах: Бегущая строка (непрерывная горизонтальная прокрутка) или Слайдер (чёткие переходы с настраиваемым интервалом 2–10 секунд). Дополнительные параметры: направление текста (слева направо или справа налево), символ-разделитель между сообщениями бегущей строки, размер шрифта (10–30 пкс) и цветовая схема. На каждой странице можно добавить максимум 2 строки объявлений.

Шапка

Основная навигационная панель. Содержит пять фиксированных блоков, которые нельзя добавлять, удалять или переставлять: только настраивать:

Логотип: отображает фирменный знак магазина. Задайте положение (слева, по центру или справа), ширину (20–300 пкс), высоту (20–300 пкс) и отступы.
Меню: навигационное меню. Выберите меню, созданное в разделе Меню, затем задайте горизонтальное положение, строку шапки (верхнюю или нижнюю), тип отображения (боковая панель, мегаменю или выпадающий список) и цветовую схему выпадающей панели. Параметр строки меню добавляет полноширинную цветную полосу за нижней строкой.
Поиск: значок поиска, открывающий наложение поиска товаров. Задайте горизонтальное положение (слева или справа) и строку расположения.
Корзина: значок корзины со счётчиком товаров. Типы отображения: Боковая панель (боковая панель), Выпадающий список (мини-корзина в шапке) или Страница (перенаправляет на полную страницу корзины). Для каждого типа есть свой выборщик цветовой схемы.
Локализация: выборщик страны и языка для мультирыночных магазинов. Переключите отображение названия страны и флага, установите положение и строку.

Настройки уровня шапки включают: Поведение при прокрутке (Прокрутка (умная фиксация: скрывается при прокрутке вниз, появляется при прокрутке вверх), Всегда (постоянно зафиксирована вверху), Уменьшение (уменьшается при прокрутке) или Никогда (прокручивается вместе со страницей)), плюс Ширина (ограниченная страницей или от края до края), цветовая схема, верхний и нижний отступы, а также поле пользовательского CSS. Максимум 1 шапка на страницу.

Подвал

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

О нас: область с историей бренда, содержащая логотип, текстовые блоки, контактную информацию и необязательные группы макетов. Поддерживает элементы управления направлением, выравниванием, промежутком, шириной и отступами. Максимум 1 на подвал.
Меню: навигационное меню в виде списка ссылок. Выберите меню из созданных в разделе Меню. Максимум 1 на подвал.
Иконки социальных сетей: ряд иконок социальных платформ. Поддерживаемые платформы: Facebook, Instagram, Threads, X (Twitter), TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp и Telegram. Настройка размера иконок (12–64 пкс), промежутка (0–48 пкс), формы (нет, круг, закруглённая или квадрат), стиля заливки формы (плоская или контурная), размера контейнера (26–80 пкс), цветовой палитры (фирменные цвета, монохром или пользовательский цвет) и эффекта при наведении (нет, фирменный, масштаб, подъём или прозрачность). Максимум 1 на подвал.
Иконки способов оплаты: автоматически показывает иконки включённых в магазине способов оплаты (Visa, Mastercard, PayPal, Stripe, Apple Pay и т. д.). Настройка не требуется. Максимум 1 на подвал.
Ссылки на политики: ссылки на юридические страницы (политика конфиденциальности, условия обслуживания, политика возврата, политика доставки), генерируемые автоматически из политик магазина. Задайте размер шрифта (12–20 пкс) и регистр текста (обычный или ВЕРХНИЙ). Максимум 1 на подвал.
Авторские права: отображает год и название магазина с необязательной строкой «На платформе Storeep». Задайте размер шрифта (12–20 пкс), регистр и следует ли показывать упоминание Storeep. Максимум 1 на подвал.
Текст, Разделитель и Группа: те же компоненты макетов, доступные в других секциях. Смотрите Компоненты макетов для получения полной информации.

Секции главной страницы

Герой

Секция баннера во весь вьюпорт с медиафоном (изображение или видео). Два режима отображения: Одиночный (один фон) и Разделённый (две медиапанели рядом). Предустановки высоты: Маленький (50% высоты вьюпорта), Средний (70%), Большой (90%), Полноэкранный (полная высота экрана), Изображение (принимает естественный размер медиафайла, чтобы было видно всё изображение) или Пользовательский (задаваемый пользователем процент). Блоки содержимого накладываются на медиа с теми же элементами управления макетом, что и у группы: направление, выравнивание, промежуток и отступы. На медиа можно применить наложение с однотонной или градиентной заливкой. При размещении непосредственно после шапки с включённым параметром Прозрачная шапка шапка сливается с героем и использует его цветовую схему.

Слайдшоу

Полноширинная карусель изображений или видео. Каждый слайд может иметь собственный медиафон, наложение и блоки содержимого (текст, кнопка, группа и разделитель). До 7 слайдов на слайдшоу, максимум 2 секции слайдшоу на страницу. Доступно только на главной странице.

Рассылка

Форма подписки по электронной почте. Режимы отображения: Встроенная (встроена в страницу) или Фиксированная (плавающий виджет, закреплённый в нижнем углу). Блоки внутри включают текст (заголовки и описания), поле ввода электронной почты (с необязательным ярлыком, заглушкой и уведомлением о конфиденциальности), кнопку подписки (значок или текстовый ярлык с возможностью визуального слияния с полем ввода), разделители и группы. Также можно настроить заголовок и сообщение успеха, показываемые после подписки.

Секции страницы товара

Информация о товаре

Основная секция деталей товара. Содержит медиагалерею товара (изображения и видео), область деталей товара (название, цена, значок экономии, варианты, форма покупки, кнопка заказа через WhatsApp и таймер обратного отсчёта) и блок описания товара. Форма покупки поддерживает встроенный или всплывающий макет, переключатель сводки заказа, пользовательский текст заголовка и подзаголовка, пользовательские ярлыки кнопок для Добавить в корзину и Купить сейчас, встроенное поле подарочного сообщения и таймер обратного отсчёта срока скидки. Эта секция обязательна на странице товара.

Отзывы

Отображает отзывы покупателей о текущем товаре. Содержит блок сводки отзывов (средняя звёздная оценка, общее число отзывов и необязательные полосы распределения звёзд) и блок формы отзыва (кнопка, открывающая панель отправки отзыва). Отзывы проходят модерацию перед публикацией.

Секции лендинговой страницы

Информация лендинга

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

Секции страницы коллекции

Товары коллекции

Сетка товаров для страницы коллекции. Отображаемые товары берутся из коллекции, к которой перешёл покупатель. Можно настроить столбцы на рабочем столе (1–8), мобильные столбцы (1 или 2), промежуток между карточками, параметры сортировки, боковую панель фильтрации и компоновку карточек товаров. Эта секция обязательна на странице коллекции.

Секции страницы поиска

Товары поиска

Сетка товаров для результатов поиска. Отображает товары, соответствующие поисковому запросу покупателя. Использует ту же конфигурацию карточек и сетки, что и секция Товаров коллекции. Эта секция обязательна на странице поиска.

Секции страницы контактов

Контакты

Форма обратной связи с полями имени, электронной почты, темы и сообщения. Можно добавлять текстовые блоки и группы макетов выше или ниже формы. Ярлык и стиль кнопки отправки (основной или вторичный) настраиваемы. Отправленные сообщения приходят на электронную почту магазина. Эта секция обязательна на странице контактов.

Секции, доступные на всех страницах

Текст

Отдельная текстовая секция для заголовка, абзаца или блока отформатированного содержимого. До 3 текстовых секций на страницу. Смотрите Компоненты макетов для всех настроек текста.

Изображение

Отдельная секция изображения. До 3 секций изображений на страницу. Настройка ширины, выравнивания, соотношения сторон (авто, портретное 3:4, квадрат 1:1 или пейзаж 4:3), подгонки (cover или contain), скругления углов, отступов и необязательной ссылки при нажатии.

Разделитель

Горизонтальная или вертикальная разделительная линия. До 10 секций разделителя на страницу. Настройка толщины, длины (в процентах от контейнера), стиля торца (острый или скруглённый), выравнивания, цветовой схемы, ширины (по содержимому или по всей ширине) и отступов. Смотрите Компоненты макетов для получения полной информации.

FAQ

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

Пользовательский код

Секция для необработанного HTML, CSS и JavaScript. Ваш HTML вставляется внутри уникального контейнера на странице. Написанный вами CSS автоматически ограничивается этим контейнером, чтобы стили не влияли на другие секции. JavaScript выполняется в изолированной области видимости и получает контейнер как единственный ориентир, загружаясь после готовности содержимого страницы, чтобы запросы корректно разрешались. Максимум 2 секции пользовательского кода на страницу. Полезно для встраивания сторонних виджетов, пользовательских анимаций или всего, что стандартные секции не позволяют реализовать.

Секции и блоки