Стиль сайта

Открыть магазин
Готовый стиль
Характер всего сайта одним выбором: палитра, шрифты, кнопки и макет страницы товара. Выберите стиль — и при желании поправьте детали ниже.
Раскладка страницы товара
У выбранного стиля своя раскладка карточки товара — где стоят фото, цена и кнопки. Обычно менять не нужно, но можно.
На компьютере. Слева: заголовок, рейтинг, краткие характеристики, описание. По центру: крупное фото. Справа: цена, варианты, «В корзину», 1 клик, доставка, гарантии, поделиться. Ниже: полные характеристики, отзывы, похожие.
На телефоне. Фото → заголовок и рейтинг → цена, варианты, «В корзину», доставка и гарантии → краткие характеристики → описание → полные характеристики → отзывы → похожие.
Логотип
Картинка в шапке сайта. Если логотипа нет — показывается текстовое название магазина.
Логотип
Цвета
Акцент
Кнопки, ссылки, ценники, бейджи
Тёмный акцент
Наведение на кнопки и градиенты
Фон сайта
Цвет страницы под контентом
Шрифты
Заголовки
Название магазина, заголовки страниц и секций
Основной текст
Описания, карточки, кнопки — всё остальное
Размер текста
Базовый размер на сайте
Ваш интернет-магазин
Ешь ещё этих мягких французских булочек, да выпей же чаю. Так примерно будет выглядеть текст в карточках и описаниях.
Детали интерфейса
Наследует весь сайт: главная, каталог, страница товара, корзина и текстовые страницы.
Углы
Плотность
Кнопки
Фото товаров
Одно правило на весь сайт: карточки каталога, плитки категорий, «похожие товары» и галерея на странице товара. Фото всегда вписывается целиком — не обрезается.
Пропорция окошка
Фон под фото
Фигура за фото
Цветная фигура за товаром — подсвечивает его цвет (за красным вином красный круг, за белым — белый). Лучше всего с фоном «Без подложки» и фото-вырезками (PNG без фона). Цвет — свой у каждого товара (поле «Цвет подложки» в карточке товара); ниже — цвет по умолчанию.
Карточка товара
Один стиль на весь сайт: карточки в каталоге, на главной, в поиске и в «похожих товарах».
Блоки страницы товара
Что показывать. Место каждого блока задаёт выбранный выше макет.
Выбор количества
Степпер «− 1 +» рядом с кнопкой «В корзину»
Купить в 1 клик
Кнопка быстрого заказа по телефону, без корзины
Плавающая панель покупки
Липкая полоса с ценой и кнопкой «В корзину» при прокрутке
«За месяц купили N раз»
Показывается при трёх и более продажах
Поделиться
Иконка «поделиться»; способы раскрываются по наведению
Похожие товары
До четырёх товаров из той же категории внизу страницы
Сворачивать длинное описание
Полное описание прячется под кнопкой «Показать полностью» — страница короче
Срок и цена доставки
Расчёт СДЭК по городу покупателя — нужны ключи СДЭК в разделе «Доставка»
Информация о доставке
Строка с иконкой рядом с кнопкой покупки
Текст о доставкеНапишите свои условия — этот текст видит покупатель
Гарантии
Иконки под кнопкой покупки; подпись раскрывается по наведению
Пункты гарантийпункты через ·
Шапка и меню
Позиция логотипа
Ширина шапки
Корзина в шапке
Поиск в шапке
Кнопки меню
Ссылки-кнопки в шапке. Порядок в списке = порядок в шапке.
Текстовые страницы
Ваши страницы из «Внешний вид → Текстовые страницы». Отметьте, какие показать кнопками в шапке (в подвале включённые страницы видны всегда).
Подвал
Приписка в подвале