Основные настройки и оформление
Вкладка «Основные» отвечает за внешний вид всего сайта: логотип, цвета, шрифты, скругления и размеры элементов.
Настройки›SkyShop›Настройки сайта›Основные
Конструктор — настройку можно менять и на сайте, в панели «Настройки темы»по умолчанию — значение после установки
Пресеты и обновление шаблона
| Настройка | Что делает |
|---|---|
| Готовые пресеты Конструктор | Применяет готовый набор оформления под тематику магазина. Список пресетов и как они применяются — в разделе «Готовые пресеты». |
| Автоматически обновлять шаблон во время обновлений | При обновлении модуля шаблон сайта будет заменён новой версией. Не включайте, если шаблон дорабатывал программист, — см. «Обновление шаблона». |
Изображения
| Настройка | Что делает |
|---|---|
| Конвертировать изображения в современный формат | Картинки товаров, баннеров и разделов автоматически переводятся в формат WebP. Страницы весят меньше и открываются быстрее, качество визуально не меняется. |
| Использовать формат AVIF эксперимент | Вместо WebP картинки конвертируются в ещё более лёгкий AVIF. Работает, только если хостинг поддерживает конвертацию в AVIF; иначе сайт продолжит использовать WebP. |
Название, логотип и иконка сайта
| Настройка | Что делает |
|---|---|
| Название сайта | Название магазина для превью ссылок в мессенджерах и соцсетях (разметка Open Graph). Если поле пустое, берётся «Название компании» со вкладки «Контакты». |
| Логотип | Логотип в шапке сайта. Он же подставляется в превью ссылок и в разметку для поисковиков. Лучше всего SVG или PNG с прозрачным фоном, по высоте не меньше 80 px. |
| Favicon | Иконка сайта во вкладке браузера и в закладках. Квадратная картинка PNG, SVG или ICO, например 64×64 px. |
Отдельные логотипы для прозрачной шапки и ночной темы задаются в разделах «Шапка» и «Ночная тема».
Цветовая схема
Настройка «Цветовая схема» Конструктор задаёт основной цвет сайта: кнопки, ссылки, активные элементы, метки. Вместе с ним подбираются фоновые и дополнительные оттенки, поэтому сайт остаётся гармоничным при любой схеме.
стандартный чёрный#1A1A1A
коричневый#AD5337
синий#1F5B97
светло-синий#0675F5
красный#D60001
грязно-красный#9B4768
сине-фиолетовый#575DF0
бордовый#9C2626
фиолетовый#7834DD
пурпурный#A30EAB
розовый#F19CBB
тёмно-зелёный#175563
зелёный#468363
оранжевый#F36515
светло-зелёный#C2D25E
серый#4F4C4B
своя цветовая схемалюбые цвета
Своя цветовая схема
Если ни одна схема не подходит под фирменный стиль, выберите «Своя цветовая схема» — появится палитра для выбора собственных цветов: основного цвета темы и дополнительных оттенков (фон, тексты, цвета ошибки и успеха). Начните с основного цвета — например, цвета вашего логотипа.
i
Проверяйте контраст: белый текст на кнопке должен хорошо читаться. Слишком светлый основной цвет (например, светло-жёлтый) делает кнопки нечитаемыми.
Ночная тема
Тёмный вариант оформления сайта — удобен вечером и нравится многим посетителям.
| Настройка | Что делает |
|---|---|
| Включить Конструктор | Включает ночную тему на сайте. |
| Показать переключатель для пользователей Конструктор | Посетители смогут сами переключаться между светлой и тёмной темой. |
| Автоматически определять тёмную тему у посетителя Конструктор | Если на устройстве посетителя включён тёмный режим, сайт сразу откроется в ночной теме. |
| Логотип | Отдельный логотип для ночной темы — обычно светлая версия основного, чтобы он не терялся на тёмном фоне. |
Декорации и эффекты
| Настройка | Что делает |
|---|---|
| Праздничные декорации → Включить Конструктор | Добавляет на сайт праздничное оформление. Включайте к праздникам и выключайте после. |
| Эффект стекла Конструктор | Полупрозрачные элементы с размытием фона в стиле «матового стекла». |
Скругления, ширина и размеры
| Настройка | Значения |
|---|---|
| Включить скругления углов Конструктор | Насколько скруглены углы кнопок, полей, карточек и баннеров.
|
| Максимальная ширина контейнера Конструктор | Ширина основной области сайта на больших мониторах: 1200px, 1350px по умолчанию, 1500px, 1700px. |
| Размер кнопок и полей для ввода Конструктор | Высота кнопок и полей форм.
|
| Отступы между блоками Конструктор | Расстояние между блоками страницы по вертикали: маленькие (40 px), средние (60 px), большие по умолчанию. |
Шрифты
| Настройка | Значения |
|---|---|
| Шрифт Конструктор | Стандартный (Nunito Sans) по умолчанию, Inter, Rubik, Montserrat, Fira Sans, Open Sans, Noto Sans, Ubuntu. Все шрифты поддерживают кириллицу. |
| Размер шрифта Конструктор | Базовый размер текста: 14px, 15px, 16px по умолчанию, 17px, 18px. Заголовки масштабируются вместе с ним. |
| Жирность основного шрифта Конструктор | От 200 (тонкий) до 700 (жирный), по умолчанию — 400. |
| Жирность шрифта для полужирных надписей Конструктор | Заголовки, цены, названия товаров: от 200 до 700, по умолчанию — 600. |
i
Шрифты и размеры удобнее всего подбирать в панели «Настройки темы» на сайте — изменения видны сразу, без сохранения.
Страница брендов
| Настройка | Что делает |
|---|---|
| Показывать список брендов как список с разделением по алфавиту | На странице «Бренды» вместо плитки с логотипами выводится алфавитный список названий. Удобно, когда брендов много. |
Кнопки «Поделиться»
Кнопки отправки ссылки в мессенджеры и соцсети на страницах товара, новости и акции.
| Настройка | Что делает |
|---|---|
| Включить Конструктор | Показывает блок «Поделиться». |
| Площадки Конструктор | Какие кнопки показывать. По умолчанию включены Telegram, Max, WhatsApp, ВКонтакте, X (Twitter), Одноклассники, LinkedIn; Viber можно добавить. |