Тема

Настройка

Описание

Цвета

Цвет бренда

Выберите в палитре или укажите HEX-код цвета, который используется на акцентных элементах сайта, например кнопках или бейджах.

Добавить палитру цветов

Нажмите Добавить палитру цветов и настройте:

• Название палитры с помощью
• Цвет фона — выберите в палитре или укажите HEX-код цвета.
• Цвет текста — выберите в палитре или укажите HEX-код цвета.

Для удаления палитры нажмите .

Размеры и отступы секций

Растянуть секции на весь экран

Включите опцию, чтобы секции заняли всю ширину экрана.

Максимальная ширина на десктопе

Настройте максимальную ширину секции для полной версии сайта.

Отступ от краев на десктопе

Настройте отступ секции от краев экрана для полной версии сайта.

Отступ от краев на телефоне

Настройте отступ секции от краев экрана для мобильной версии сайта.

Вертикальный отступ между секциями

Настройте размер отступа по вертикали между двумя соседними секциями на странице.

Сетка

Вертикальный отступ между карточками

Настройте размер отступа по вертикали между двумя соседними карточками.

Горизонтальный отступ между карточками

Настройте размер отступа по горизонтали между двумя соседними карточками.

Скругления

Скругления элементов на сайте

Настройте параметры скругления для карточек и кнопок.

Настройка

Описание

Шрифт

Выберите шрифт из выпадающего списка для заголовков и текстов сайта.

Чтобы загрузить свой шрифт, которого нет в списке, нажмите Загрузить шрифт. Откроется окно загрузки:

• Введите Название шрифта.

• Загрузите Базовые начертания и Наклонные начертания своего шрифта в формате woff2 (рекомендуется) или woff.

  Примечание

  • Загрузите все начертания. Если нужного начертания нет, выберите наиболее подходящее.

  • Если ваши файлы в другом формате, воспользуйтесь конвертером. Например, convertio.co ↗.

• Нажмите Сохранить.
  Шрифт отобразится в разделе Пользовательский шрифт:

  • Чтобы отредактировать шрифт, нажмите .
  • Чтобы удалить шрифт, нажмите  →  → Удалить. Если удалить шрифт, который используется, включится шрифт из шаблона по умолчанию.

Выравнивание заголовка

Выберите расположение заголовков над секциями:

• Слева
• По центру

Размер заголовка

Настройте размер заголовков над секциями:

• Крошечный
• Маленький
• Средний
• Большой
• Огромный

Настройка

Описание

Фотографии

Пропорции рамки под фотографии

Выберите соотношение сторон фотографии в карточке товара:

• 3:4
• 1:1
• 4:3

Смена фотографии при наведении

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

Затемнение фотографий

Включите опцию, чтобы фотография в карточке отображалась на сером фоне.

Тип встраивания фотографии в рамку

Выберите, как фотография отобразится в рамке:

• Автозаполнение – режим выберется автоматически. Если фон однотонный — Вписать, разноцветный — Заполнить.
• Вписать – изображение умещается в рамку целиком, сохраняет пропорции. Возможно появление полей.
• Заполнить – изображение занимает всю область, сохраняет пропорции, лишнее обрезается.

Цвет фона под фотографиями

Выберите цвет фона для png-изображений с прозрачным фоном или изображений нестандартного размера:

• Белый
• Основной
• Второстепенный
• Нейтральный

Общие настройки карточки

Порядок элементов

Выберите, как отображаются элементы под фотографией в карточке товара:

• Сначала цена
• Сначала описание

Размер цены

Настройте размер шрифта для отображения цены:

• Маленький
• Средний
• Большой

Начертание цены

Выберите толщину шрифта для отображения цены:

• Normal
• Medium
• Semibold
• Bold

Размер названия товара

Укажите размер шрифта для отображения названия товара:

• Средний
• Большой

Отображение скидки

Включите опцию, чтобы показывать размер скидки в процентах.

Начертание скидки

Укажите толщину шрифта для отображения скидки:

• Normal
• Medium
• Semibold
• Bold

Цвет размера скидки

Задайте цвет для размера скидки в палитре или укажите HEX-код цвета.

Цвет скидочной цены

Задайте цвет для цены скидки в палитре или укажите HEX-код цвета.

Внешний вид карточки

Цвет фона

Выберите цвет фона под ценой и описанием товара в карточке:

• Второстепенный — серый фон.
• Нет — белый фон.

Включение/Отключение обводки

Включите опцию, чтобы отобразить серую рамку в карточке.

Кнопки в карточке

На странице каталога

Выберите из выпадающего списка настройки отображения кнопок в каталоге сайта:

• Нет
• Цвет бренда — кнопки окрашены в цвет, выбранный в настройках внешнего вида.
• Второстепенный — цвет получается через смешение цветов в настройках Цвет фона и Цвет текста и Цвет бренда в блоке Настройки внешнего вида.
• Нейтральный — цвет получается через смешение цветов в настройках Цвет фона и Цвет текста в блоке Настройки внешнего вида.

В полках товаров

Выберите из выпадающего списка настройки отображения кнопок на главной странице сайта:

• Нет
• Цвет бренда — кнопки окрашены в цвет, выбранный в настройках внешнего вида.
• Второстепенный — цвет получается через смешение цветов в настройках Цвет фона и Цвет текста и Цвет бренда в блоке Настройки внешнего вида.
• Нейтральный — цвет получается через смешение цветов в настройках Цвет фона и Цвет текста в блоке Настройки внешнего вида.

Настройка

Описание

Переключатели карусели

Вид иконок

Выберите форму элементов навигации:

• Стрелки
• Галки

Цвет иконок при наведении

Выберите цвет переключателей:

• Черный — переключатели окрашены в черный цвет.
• Цвет бренда — переключатели окрашены в цвет, выбранный в настройках внешнего вида.

Прозрачный фон переключателя

Включите опцию, чтобы сделать фон переключателя прозрачным.

Настройка

Описание

Пропорции фотографии

Выберите соотношение сторон фотографий в коллекции:

• 3:4
• 1:1
• 4:3

Настройка

Описание

Действие при добавлении товара

Ничего не показывать

После добавления товара интерфейс не меняется. Покупатель остается на странице товара или каталога без дополнительного сообщения.

Показывать уведомление

После добавления товара появляется короткое уведомление. Оно подтверждает действие, но не показывает подробное содержимое корзины.

Показывать превью корзины

После добавления товара открывается превью корзины:

• в полной версии сайта оно выезжает сбоку;
• на мобильных устройствах открывается в формате шторки снизу.

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

Настройка

Описание

Отображать отсутствующие товары

Включите опцию, чтобы отсутсвующие товары отображались в каталоге.

Подписка на отсутсвующие товары

Включите опцию подписки на отсутствующий товар — она появится в карточке товара. После активации опции покупатель сможет нажать кнопку Подписаться на товар, в открывшемся модальном окне ввести email и отправить форму. После отправки формы покупатель увидит сообщение «Вы подписаны на товар».

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

Для работы опции требуется включить опцию Отображать отсутствующие товары.

Чекбокс модального окна подписки на товары

Настройте отображение опции согласия на обработку персональных данных в модальном окне:

• Отсутсвует
• Отображается, снят
• Отображается, выбран

Юридическая подпись в модальном окне подписки на товары

Юридическая подпись отображается в модальном окне подписки рядом с согласием на обработку персональных данных. В тексте можно добавить ссылку на политику обработки персональных данных или пользовательское соглашение. Напишите текст и отредактируйте его с помощью меню:

— сделать жирное начертание.

— сделать наклонное начертание.

— добавить заголовок уровнем от H1 до H6.

— добавить маркированный или нумерованный список.

— добавить ссылку в текст.

— развернуть окно редактирования текста на весь экран.

Настройка

Описание

Отображать избранное

Включите опцию, чтобы показывать кнопку, которая добавляет товары в раздел Избранное.

Подтверждать возраст при входе на сайт

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

Отображать бейджи на товарах

Настройте отображение бейджей на товарах:

• Нет
• Один
• Два

Отображать Яндекс Сплит

Включите опцию, чтобы показывать возможность приобрести товар в Сплит.