Раздел «Внешний вид» позволяет настраивать оформление вашей витрины: выбирать тему, цвета, шрифты и другие визуальные параметры. Здесь вы можете задать общий стиль магазина, который будет соответствовать вашему бренду и создавать целостное впечатление у клиентов. Настройка внешнего вида помогает сделать витрину привлекательной, удобной для навигации и узнаваемой. Раздел находится в меню «Витрина» → «Внешний вид».
Настройка внешнего вида
На странице «Внешний вид» настройки разделены на пять вкладок. Переключаясь между ними, вы управляете содержимым в правой части экрана, где сразу отображается предпросмотр витрины.
-
Тема — выбор режима витрины: светлая или тёмная. Здесь же видно, какая тема редактируется и какая доступна покупателям.
-
Бренд — настройка названия магазина и логотипов.
-
Палитра — выбор цветов для выбранной темы.
-
Каталог — настройка отображения карточек товаров и вариантов.
-
Навигация — настройка иконок и действий в интерфейсе витрины.
Редактирование темы
Нажмите на вкладку «Тема» в левой части страницы, чтобы открыть настройки режима витрины.
Справа отобразятся параметры управления темами.
В разделе «Редактируемая тема» показано, какая тема сейчас открыта в настройках и предпросмотре.
Вы можете переключиться между темами «Светлая» и «Тёмная» — выбранная тема сразу отобразится в предпросмотре.
В разделе «Доступны покупателям» вы управляете тем, какие темы будут доступны клиентам на витрине. С помощью переключателей вы можете включить или отключить светлую и тёмную тему. Если тема отключена, покупатели не смогут её выбрать.
Редактирование бренда
Нажмите на вкладку «Бренд» в левой части страницы, чтобы открыть настройки названия магазина и логотипов. Справа отобразятся параметры управления брендом.
В поле «Название магазина» введите название, которое будет отображаться на витрине. Оно используется в шапке сайта, письмах и других элементах интерфейса.
В разделе «Логотипы» вы можете загрузить логотипы для разных тем и мест отображения. Рядом с разделом указано количество загруженных файлов (например, «0/3»). Нажмите на раздел, чтобы открыть список доступных слотов для загрузки логотипов.
📘 Подробнее о добавлении логотипа читайте в инструкции «Добавление логотипа».
Редактирование палитры
Нажмите на вкладку «Палитра» в левой части страницы, чтобы открыть настройки цветов выбранной темы. Справа отобразятся параметры управления цветами витрины.
В разделе «Акценты» настраиваются цвета для кнопок, ссылок и важных меток. Вы можете задать цвет логотипа, основной цвет и цвет внимания, вводя HEX-код вручную или выбирая оттенок из палитры.
Все изменения цветов сразу отображаются в предпросмотре, что позволяет быстро оценить результат и подобрать оптимальное сочетание под ваш бренд.
В разделе «Поверхности» настраиваются цвета фона, текста и диалоговых областей. Здесь вы можете изменить цвет фона, цвет текста и цвет фона диалога, чтобы обеспечить комфортное чтение и гармоничный внешний вид витрины.
Все изменения цветов сразу отображаются в предпросмотре, что позволяет быстро оценить результат и подобрать оптимальное сочетание под ваш бренд.
Настройка каталога
Нажмите на вкладку «Каталог» в левой части страницы, чтобы открыть настройки отображения карточек и вариантов товаров. Справа отобразятся параметры управления каталогом.
Группировать варианты — включите этот переключатель, чтобы объединить все варианты товара в одну карточку. Если выключить, каждый вариант будет отображаться отдельной карточкой.
Предпросмотр вариантов — активируйте, чтобы показывать кружочки или картинки вариантов на карточке товара. Эта опция доступна только при включённой группировке.
Диапазон цен «от X» — включите, чтобы отображать цену в формате «от 1 200 ₽», если цены вариантов различаются. Это помогает клиентам сразу видеть минимальную стоимость.
Настройка навигации
Нажмите на вкладку «Навигация» в левой части страницы, чтобы открыть настройки элементов интерфейса, которые видит покупатель. Справа отобразятся доступные параметры.
В разделе «Навигация и действия» вы можете управлять отображением кнопки «Добавить в заказ». С помощью переключателя включите или отключите её показ на витрине. Если кнопка активна, покупатели смогут сразу добавлять товары в корзину. Если выключена — эта возможность будет скрыта.
Область предпросмотра
В правой части страницы расположена область «Предпросмотр». Здесь отображается, как витрина будет выглядеть для покупателей с учётом выбранных настроек.
Все изменения, которые вы вносите в настройках слева, мгновенно отражаются в предпросмотре. Это помогает быстро подобрать нужный стиль и убедиться, что витрина выглядит корректно перед сохранением.
Переключение режима отображения в предпросмотре
В верхней части области предпросмотра можно переключить режим отображения: «Светлая» или «Тёмная» тема.
Выбор устройства в предпросмотре
Рядом с переключателем темы можно выбрать вид устройства — десктоп или мобильный. Это позволяет сразу оценить, как магазин будет выглядеть на разных экранах.
Обновление предпросмотра
В верхней части области предпросмотра, справа от переключателей темы и устройства, расположена кнопка обновления. Нажмите на неё, чтобы вручную обновить предпросмотр. Это полезно, если вы хотите убедиться, что все внесённые изменения отобразились корректно.
Отмена изменений
Нажмите кнопку «Отмена», чтобы закрыть страницу без сохранения. Все внесённые изменения будут потеряны, и настройки внешнего вида останутся прежними.
Сохранение изменений
Нажмите кнопку «Сохранить», чтобы применить все внесённые изменения. Настройки внешнего вида будут обновлены и сразу отобразятся на витрине для клиентов.
