Темы

На вкладке Тема настраивается внешний вид сайта.

Настройки внешнего вида

В этом разделе можно редактировать общие визуальные настройки сайта.

Цвета

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

Отступы

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

Сетка

Настройки сетки влияют на секции, в которых карточки расположены в один или несколько рядов.

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

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

Скругления

Скругления элементов на сайте — укажите параметры скругления для карточек и кнопок.

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

Типографика

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

Шрифт

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

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

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

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

   Примечание

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

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

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

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

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

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

• Слева

• По центру

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

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

Карточка товара

Карточка товара — это информационный блок с ключевыми данными о продукте. Карточка отображается в каталоге магазина и на главной странице сайта.

Фотографии

Пропорции фотографии — выберите соотношение сторон фотографии в карточке товара:

• 3:4

• 1:1

• 4:3

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

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

Тип встраивания фотографии в рамку — выберите, как фотография отобразится в рамке:

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

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

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

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

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

• Сначала цена

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

Размер цены — укажите размер шрифта для отображения цены.

Начертание цены — укажите толщину шрифта для отображения цены:

• Normal

• Medium

• Semibold

• Bold

Размер названия товара — укажите размер шрифта для отображения названия товара.

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

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

• Normal

• Medium

• Semibold

• Bold

Цвет размера скидки — задайте цвет для размера скидки.

Цвет скидочной цены — задайте цвет для цены скидки.

Уточнять характеристики товара при добавлении в корзину с карточек товаров — выберите, нужно ли покупателю задавать характеристики товара перед добавлением его в корзину.

Внешний вид

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

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

• Нет — белый фон.

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

Кнопки

Кнопка в карточке — это кнопка, которая отправляет товар в корзину или управляет количеством товара в корзине.

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

• Не отображать — кнопки скрыты.

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

• Серый — кнопки окрашены в серый цвет.

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

• Не отображать — кнопки скрыты.

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

• Серый — кнопки окрашены в серый цвет.

Размер кнопок — укажите размер кнопок:

• Маленький

• Средний

Элементы навигации

Элементы навигации — это переключатели в слайдшоу.

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

• Стрелки

• Галки

Цвет иконок при наведении — выберите цвет переключателей:

• Черный — переключатели окрашены в черный цвет.

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

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

Карточки коллекций

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

• 3:4

• 1:1

• 4:3

Дополнительные возможности

Включите опцию:

• Отображать отсутствующие товары — чтобы показывать товары, которых нет в наличии.

• Отображать избранное — чтобы показывать кнопку, которая добавляет товары в раздел Избранное.

• Отображать Яндекс Сплит — чтобы показывать возможность приобрести товар в Сплит.

• Отображать бейджи на товарах — чтобы показывать бейджи на товарах.

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