Посетители интернет-магазина могут переключать оформление сайта между светлым и темным режимами непосредственно в публичной части. Также поддерживается автоматический режим, при котором тема оформления подстраивается под настройки операционной системы или браузера пользователя.

Выбрать тему оформления и настроить параметры ее отображения можно двумя способами:

Настройка темы в административной панели

Для настройки темной темы, управления цветовой схемой и выбора вариантов логотипов перейдите в административную часть сайта.

Администрирование > Сотбит > Сотбит: Розница > Настройки > [id сайта]

Заполните необходимые параметры, руководствуясь описанием в таблице настроек:

Поле	Описание
Настройки отображения переключателя
Показывать переключатель темы в шапке сайта	Чекбокс, отвечающий за отображение селектора тем в публичной части сайта (1). Если опция активна, в шапке сайта появляется иконка в виде солнца или луны для быстрого переключения тем оформления пользователем. Активация данного чекбокса делает доступными для настройки параметры темы по умолчанию, цвета управляющих элементов для темной темы и настройки логотипа.
Тема по умолчанию	Выпадающий список для выбора темы оформления, которая будет отображаться у новых посетителей сайта по умолчанию (2): • Автоматически — применяемая тема сайта зависит от настроек браузера или операционной системы посетителя; • Светлая — сайт по умолчанию всегда загружается в светлом оформлении; • Темная — сайт по умолчанию всегда загружается в темном оформлении.
Настройки цветов для темной темы
Основной цвет управляющих элементов (темная тема)	Выбор цвета для ключевых управляющих элементов при активной темной теме (3). По умолчанию используется цвет из оригинального (базового) поля светлой темы.
Цвет управляющих элементов при наведении (темная тема)	Задает цвет управляющих элементов в темной теме при наведении на них курсора мыши. По умолчанию наследует значение аналогичного поля для светлой темы.
Цвет активных управляющих элементов (темная тема)	Задает цвет активного (нажатого) состояния элементов интерфейса при включенной темной теме. По умолчанию наследует значение аналогичного поля для светлой темы.
Настройки брендинга и логотипа
Вариант логотипа для шапки (темная тема)	Выпадающий список для выбора версии логотипа, которая будет отображаться в шапке сайта при переходе на темную тему: • Основной — отображается стандартный логотип сайта, заданный в настройках; • Светлый — отображается контрастная светлая версия логотипа, предназначенная для темного фона. Подробнее о настройке логотипов читайте в разделе Логотип в шапке.

После завершения настройки нажмите кнопку Сохранить (4).

Использование переключателя в публичной части

Если в настройках модуля включена опция Показывать переключатель темы в шапке сайта, посетители сайта могут самостоятельно изменять оформление интерфейса.

Для смены оформления пользователю достаточно кликнуть по иконке переключателя (1) в верхней панели (шапке) сайта:

Переключение происходит мгновенно, без перезагрузки веб-страницы. Выбранная пользователем тема сохраняется в локальной памяти браузера и автоматически применяется при последующих переходах по сайту или при повторных визитах.