Дизайн и настройки конструктора
17 статей
- Что такое вкладки настроек конструктора и как ими пользоваться? Обзор всех вкладок настроек конструктора: брендинг, цвета, шрифты, макет, анимации, автоматизация, поля ввода, иконки, запреты, оформление заказа, форма оформления заказа, страница обслуживания, пользовательский CSS и пользовательский Javascript, которые задаются для каждого рынка.
- Как добавить фавикон, фоновое изображение и логотип в мой магазин? Вкладка "Брендинг" конструктора: задайте фавикон (иконку во вкладке браузера) и фоновое изображение страниц с настройками "Размер" ("Заполнить", "Вместить") и "Повтор". Где задать логотип в шапке и подвале и где находятся цвета и шрифты.
- Как работают цветовые схемы и как изменить цвета магазина? Создавайте и редактируйте цветовые схемы на вкладке "Цвета" конструктора: фон, текст, ссылки, бейджи, границы, тень, основные и вторичные кнопки и поля форм. Узнайте, как секции выбирают схему, что делает "Использовать цветовую схему родителя", про лимит в 9 схем и почему перестановка меняет цвета.
- Как изменить шрифты и насыщенность текста в моем магазине? Меняйте шрифты магазина на вкладке "Шрифты" конструктора: шрифты основного текста, заголовков, подзаголовков и акцентный шрифт, системные и несистемные шрифты, поиск шрифтов, арабский текст и насыщенность текста (нормальный, средний, жирный).
- Как изменить ширину страниц моего магазина? Задайте максимальную ширину страниц магазина на вкладке "Макет" конструктора (от 900 до 1400 px), узнайте, как это работает на телефонах и больших экранах и как секции во всю ширину доходят до краев экрана.
- Как добавить или отключить анимацию при прокрутке и увеличение изображений в моем магазине? Используйте вкладку "Анимации" конструктора: "Появление при прокрутке" (нет, затухание, скольжение вверх, скольжение внутрь, масштаб) анимирует секции при прокрутке, а "Эффект масштабирования изображений" увеличивает фото товаров под курсором. Почему анимации не видны в конструкторе.
- Как сделать так, чтобы видео в моем магазине воспроизводились автоматически? Включите "Автовоспроизведение видео" на вкладке "Автоматизация" конструктора, чтобы видео запускались, когда покупатель докручивает до них. Загруженные видео и встроенные видео YouTube, Vimeo, TikTok и Dailymotion, почему видео без звука и пауза вне экрана.
- Как изменить стиль полей форм в моем магазине? Используйте вкладку "Поля ввода" конструктора, чтобы оформить все поля форм магазина (оформление заказа, контакты, рассылка, форма отзыва): тип меток (свернуть или развернуть), значки полей (нет, по умолчанию, метка) и позиция значка (начало или конец).
- Как сделать иконки в моем магазине жирнее? Используйте вкладку "Иконки" конструктора, чтобы задать обводку всех иконок магазина, "По умолчанию" или "Тяжёлый": иконки корзины и поиска в шапке, стрелки меню, иконки полей форм и иконки в секциях.
- Как запретить посетителям копировать тексты и изображения или щелкать правой кнопкой мыши в моем магазине? Используйте вкладку "Запреты" конструктора: запрет копирования, выделения текстов и изображений, контекстного меню правой кнопки, инспектирования страницы через инструменты разработчика и отключение ссылки логотипа в шапке на главную. Что эти защиты могут и чего не могут.
- Как выбрать между "В корзину" и "Быстрое оформление"? Используйте вкладку "Оформить заказ" конструктора, чтобы выбрать способ оформления заказа ("В корзину" с корзиной или "Быстрое оформление" прямо со страницы товара) и дополнительный способ, который добавляет вторую кнопку. Что меняется на страницах товаров, в карточках и в корзине.
- Как добавить, скрыть, сделать обязательным, переименовать или переставить поля в форме оформления заказа? Редактируйте форму заказа на вкладке "Форма оформления заказа" конструктора: все поля (имя, телефон, почта, адрес, город, регион, индекс, заметка, доставка, оплата, код скидки), "Отключено", "Включено" или "Обязательное", метки, заполнители, списки городов и регионов, зоны доставки и порядок полей.
- Как перевести магазин в режим обслуживания или показать страницу "Скоро открытие"? Включите режим обслуживания на вкладке "Страница обслуживания" конструктора, чтобы скрыть магазин за сообщением, пока вы его готовите. Задайте заголовок, сообщение и цветовую схему и узнайте, как это работает для каждого рынка и как снова открыть магазин.
- Как создать меню навигации и добавить их в шапку и подвал? Создавайте меню навигации до трех уровней ссылок (выпадающие списки и мега-меню), ссылайтесь на товары, коллекции, страницы и политики, а затем подключайте меню к шапке или подвалу магазина в конструкторе.
- Можно ли добавить в магазин свой код, скрипты или мета-теги (HTML, CSS, JavaScript, раздел head)? Где в конструкторе можно добавить свой HTML, CSS и JavaScript (секция пользовательского кода, пользовательский CSS, пользовательский Javascript), почему нельзя вставить код в раздел head и какое приложение использовать для подтверждения в Google Search Console, Google Tag Manager и пикселей.
- Как добавить пользовательский CSS для всего магазина или для одной секции? Добавьте свой CSS в конструкторе: вкладка настроек "Пользовательский CSS" для всего магазина и вкладка "Пользовательский CSS" секции, которая оформляет только эту секцию. Как ограничивается CSS секции, селектор &, медиазапросы и советы, если CSS не работает.
- Как добавить пользовательский JavaScript во весь магазин? Добавьте свой JavaScript на каждую страницу магазина через вкладку "Пользовательский Javascript" конструктора. Когда запускается код, почему он не запускается заново на каждой странице, ошибки и почему теги отслеживания и коды подтверждения лучше добавлять через приложения.