Где находится панель настроек
Панель настроек конструктора содержит общемагазинные элементы управления оформлением и поведением, которые находятся вне отдельных секций. Откройте конструктор, затем на левой панели иконок нажмите иконку шестеренки (иконки флага рынка, страниц и записей расположены над ней). Панель открывается в виде сворачиваемых вкладок: Брендинг, Цвета, Шрифты, Макет, Анимации, Автоматизации, Поля ввода, Иконки, Запреты, Оформление заказа, Форма заказа, Страница обслуживания, Собственный CSS и Собственный JavaScript. Каждое изменение остается черновиком, пока вы не нажмете Опубликовать на верхней панели.
Настройки хранятся отдельно для каждого рынка
Все эти настройки сохраняются отдельно для каждого рынка, а не один раз для всего магазина. Подзаголовок панели гласит "Глобальные настройки [название рынка]", чтобы показать, какой рынок вы редактируете. Сначала переключите рынок с помощью иконки флага, затем откройте Настройки. Внутри рынка настройки глобальны для всех страниц.
Брендинг
Эта вкладка содержит два изображения (она не содержит ваш логотип, который задается внутри секции заголовка, а не здесь):
- Фавикон: маленькая иконка во вкладке браузера. Принимает PNG, JPEG, WEBP или ICO (рекомендуется 32x32 или 16x16).
- Фоновое изображение: необязательный фон для всего магазина. Принимает PNG, JPEG или WEBP. При установке появляются еще два элемента управления: Размер (Заполнение или Вписать) и переключатель Повтор.
Цвета
У каждого рынка может быть до девяти цветовых схем (минимум одна). Каждая секция, блок и компонент ссылается на схему по ее номеру, поэтому редактирование одной схемы перекрашивает все, что ее использует. Нажмите на карточку, чтобы изменить ее цвета, щелкните правой кнопкой, чтобы Дублировать (недоступно на девяти) или Удалить (недоступно для последней схемы), и перетаскивайте для изменения порядка. Схема задает цвета для фонов, заголовков, основного текста, ссылок, рамок, контуров, теней, основных и второстепенных кнопок (с состояниями наведения) и полей ввода.
Шрифты
Типографика сопоставляет семейство шрифтов с четырьмя ролями:
- Основной: абзацы и обычный текст.
- Заголовок: крупные заголовки страниц и секций.
- Подзаголовок: второстепенные заголовки и подзаголовки секций.
- Акцент: декоративное выделение.
Выбор шрифта (с поиском) делит шрифты на Системные шрифты (загружаются мгновенно) и Несистемные шрифты (загружаются посетителю, могут замедлить загрузку). Использование более одного несистемного шрифта может снизить скорость страницы. Каждый латинский шрифт автоматически сочетается с подходящим арабским шрифтом, поэтому языки с письмом справа налево отображаются аккуратно.
Макет
Один элемент управления: Ширина страницы, ползунок от 900px до 1400px с шагом 100px (по умолчанию 1200). Это максимальная ширина контента только на больших экранах настольных компьютеров. На мобильных ширина всегда 100%. Секции с полной шириной игнорируют это значение и растягиваются от края до края.
Анимации
- Появление при прокрутке: как секции анимируются при входе в область просмотра: Нет, Затухание, Сдвиг вверх, Сдвиг влево или Увеличение (по умолчанию Сдвиг вверх).
- Эффект увеличения изображений: переключатель, который включает увеличение изображений товаров при наведении.
Автоматизации
Один переключатель: Автовоспроизведение видео. Когда включено, видеоблоки начинают воспроизводиться сами. Из-за политики браузеров они остаются без звука, пока посетитель не взаимодействует со страницей.
Поля ввода (оформление полей форм)
Эта вкладка оформляет все поля ввода витрины. У нее нет настройки цвета (цвета полей берутся из цветовой схемы). Элементы управления:
- Тип (Макет): Свернуть размещает каждую подпись над своим полем, Развернуть размещает одну подпись над всем набором полей как заголовок.
- Иконки: Нет скрывает иконки полей, По умолчанию показывает их внутри поля, Подпись прикрепляет их к подписи.
- Положение: Начало или Конец, показывается только когда Иконки установлены в значение По умолчанию.
Иконки
Один элемент управления: Толщина линии, вес линии интерфейсных иконок, установленный в значение По умолчанию (обычный) или Жирный (полужирный).
Запреты
Ограничьте взаимодействия с браузером, чтобы усложнить простое копирование. Общие опции: Копирование текстов и изображений, Выделение текстов и изображений, Доступ к контекстному меню (правый клик) и Проверка страницы (удаляет содержимое страницы, если обнаружены инструменты разработчика). Отдельная опция заголовка, Логотип ведет на главную, делает логотип в заголовке ссылкой на главную страницу, когда включено, или декоративным, когда выключено.
Оформление заказа
- Способ оформления заказа: Добавить в корзину проводит покупателей через панель корзины, Быстрое оформление пропускает корзину и сразу ведет к форме заказа.
- Второстепенный способ: переключатель, который также предлагает противоположный способ как дополнительный, поэтому магазин с быстрым оформлением все равно может показывать кнопку добавления в корзину, и наоборот.
Форма заказа
Эта вкладка управляет каждым полем формы заказа. Каждое поле представляет собой строку, которую можно перетаскивать для изменения порядка. Для каждого поля вы задаете:
- Статус: Отключено (скрыто, удалено из формы), Включено (показано, но необязательно) или Обязательно (покупатель должен заполнить).
- Подпись: видимое название поля (до 50 символов).
- Подсказка: текст-подсказка внутри пустого поля (до 50 символов).
Поля региона (Район, Город, Область, Коммуна, Провинция) также получают элемент управления Тип (Поле ввода для свободного текста или Выбор для выпадающего списка), но только когда у страны активного рынка есть подготовленные данные о местоположении. Доступные поля включают полное имя, имя/фамилию, компанию, пол, дату рождения, адрес, вторую строку адреса, национальный идентификатор, микрорайон, район, квартиру, этаж, индекс, город, область, коммуну, провинцию, примечание к заказу, подарок, эл. почту, телефон, WhatsApp, ссылку, цвет, доставку и оплату. Поскольку форма задается для каждого рынка, вы можете требовать национальный идентификатор на одном рынке и скрывать его на другом.
Страница обслуживания
Спрячьте витрину за заглушкой во время обновлений. Элементы управления: главный переключатель Включено (когда включен, страница обслуживания показывается на всех маршрутах, а не только на главной), Заголовок (простой текст, до 100 символов), Сообщение (форматированный текст, до 500 символов) и Цветовая схема. Выключите Включено, чтобы вернуть магазин в онлайн.
Собственный CSS и собственный JavaScript
Для продвинутых настроек Собственный CSS внедряет ваши собственные стили (до 1000 символов), а Собственный JavaScript внедряет ваши собственные скрипты, например сторонние трекеры (до 1000 символов). Оба применяются ко всему магазину, поэтому используйте их, только если уверенно работаете с кодом.