Общие секции и секции системных страниц
Эта статья описывает секции, которые можно добавить на любой тип страницы, плюс фиксированные секции, идущие с каждой системной страницей. О том, как добавлять и располагать секции, см. Секции и блоки.
Секции, которые можно добавить на любую страницу
Они появляются в выборе добавления на каждом типе страницы.
Текст
Отдельная текстовая секция для заголовка или абзаца. До 3 на страницу. Полные настройки типографики описаны в Компоненты раскладки.
Изображение
Отдельная секция изображения. До 3 на страницу. Настройте ширину (по содержимому, заполнение или свой процент), выравнивание, соотношение сторон (авто, портрет, квадрат или альбом), вписывание (cover или contain), радиус скругления, отступы и необязательную ссылку при клике.
Разделитель
Разделительная линия. До 10 на страницу. Настройте толщину, длину (процент от контейнера), стиль концов, выравнивание, цветовую схему, ширину (по содержимому или заполнение) и отступы. См. Компоненты раскладки.
Иконки соцсетей
Отдельный ряд иконок социальных платформ (одна на страницу). Вид это Иконки (полный контроль формы и палитры) или Приложения (каждая платформа как фирменный цветной кружок). Режим это Встроенный (в потоке страницы) или Фиксированный (закреплён у левого или правого края экрана, всегда виден при прокрутке), с возможностью переключиться на встроенный на мобильных. Поддерживаемые платформы: Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp и Telegram, каждая указывается как имя пользователя (WhatsApp как номер телефона). Настройки: размер иконки (от 12 до 64 px), промежуток (от 0 до 48 px), выравнивание, форма (без, круг, скруглённая, квадрат), стиль заливки (плоский или контур), размер контейнера (от 26 до 80 px), палитра (фирменные цвета, моно или свой hex-цвет) и эффект наведения (нет, фирменный, масштаб, подъём, прозрачность).
Свой код
Секция для произвольного HTML, CSS и JavaScript (до 5000 символов каждый, максимум 2 на страницу). Ваш HTML отображается внутри уникального контейнера, ваш CSS автоматически ограничивается этим контейнером, поэтому не влияет на другие секции, а ваш JavaScript выполняется в изолированной области с переданным контейнером и загружается после готовности страницы. Полезно для сторонних виджетов и встраиваний.
FAQ
Аккордеон из пар вопрос и ответ. Доступен на страницах главной и товара. Задайте цветовую схему, ширину (страница или полная) и отступы.
Секции системных страниц
Каждая системная страница поставляется с одной обязательной секцией, определяющей её основную функцию. Их нельзя удалить, только настроить, хотя вокруг них вы по-прежнему можете добавлять Текст, Изображение, Разделитель и другие секции для любой страницы.
- Товары коллекции (страница коллекции): сетка товаров для коллекции. Настройте столбцы на десктопе, столбцы на мобильном (1 или 2), промежуток, ширину, цветовую схему и раскладку карточки товара.
- Товары поиска (страница поиска): сетка результатов с теми же элементами управления сеткой и карточкой товара, что и у Товаров коллекции.
- Контакты (страница контактов): форма с полями имени, email, темы и сообщения. Задайте промежуток между полями, надпись кнопки отправки и её стиль (основной или второстепенный). Вокруг формы можно размещать блоки Текст и Группа.
- Корзина (страница корзины): корзина покупок с позициями, итогами и переходом к оформлению.
- Оформление (страница оформления): процесс оформления с полями клиента и оплаты.
- Подтверждение заказа (страница благодарности): сводка после покупки, показывающая детали заказа, данные клиента, итоги и выбранные способы доставки и оплаты.
- Политика (страница политики): отображает содержимое вашей юридической страницы (заголовок и текст). Текст политики вы пишете в настройках магазина; эта секция управляет только её внешним видом.
- 404 (страница 404): секция "страница не найдена" с заголовком, описанием и кнопкой возврата на главную.
О секциях главной, товара и лендинга см. Секции главной страницы и Секции страниц товара и лендинга. О шапке, подвале и панели объявлений см. Глобальные секции.