Темы

Настройка

Описание

Цвета

Цвет бренда

Выберите в палитре или укажите 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

Настройка

Описание

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

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

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

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

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

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

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

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

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

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

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