Дизайн интернет-магазина​

Дизайн задаёт общий стиль вашего сайта, помогает посетителю с первого взгляда понять, что его здесь ждёт. Не маловажную роль играет оформление интернет-магазина, при необходимости привести свой сайт, созданный на Базиуме к общему виду, можно воспользоваться настройками "Дизайн интернет-магазина" который содержит в себе такие пункты как:

"Информация о разделе продукции"

Здесь настраиваются стили текстов для заголовка названия раздела, вводной и заключительной информации. 

В пункте меню "Шрифты" настраиваются:

  • цвет и стиль  шрифтов заголовка каталога
  • стиль шрифта текста вводной и заключительной информации

Пункт  "Фон и отступы" имеет все те же настройки  как и в любых других блоках

Наглядно:

"Список разделов и подразделов"

Здесь мы можем настроить отображение разделов и подразделов. На выбор есть четыре шаблона отображения подразделов продукции, которые возможно настроить на любой вкус.

Из настроек доступны :

  • сетка изображений 2-4 (только для первого и второго шаблона)
  • соотношение сторон изображений (только для первого шаблона)
  • Кадрирование - сохранение пропорций, или обрезать под формат. (только для первого шаблона)
  • Цвет подложки 
  • Шрифт названия 
  • Выравнивание названия

В шаблонах 3 и 4 присутствует кнопка.

Наглядно:

Фильтры продукции

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

Наглядно:

Список продукции

В этом разделе можно настроить  внешний вид списка продукции в главном каталоге и подкаталогах

На выбор есть шесть шаблонов списка продукции. Просмотреть и выбрать их можно нажав по синей кнопке со стрелками, после выбора шаблона нажмите «Использовать»:

  • В разделе «Основные настройки» можно настроить состав информации, что будет отображаться в карточке продукции (название, описание, цена, кнопка заказа). Так же настраивается стиль шрифтов, количество товарных позиций на странице, вид межстраничной навигации.
  • Раздел «Кнопка добавления в корзину» - включение\выключения кнопки которая добавляет товарную позицию в корзину. Настраивается как и обычная кнопка.
  • «Сетка и изображения» - настройки данного раздела отвечают за параметры изображений товарных позиций, их соотношение сторон, количество в одной строке.
  • «Ленты» - настройка внешнего вида информационных лент на карточке товара
  • «Фон и отступы» - такие же функции как и в других блоках


Наглядно:

Хлебные крошки

Навигационная цепочка (дублирующее меню) — элемент навигации , представляющий собой путь по которому расположен товар. 

Из настроек доступны настройки шрифтов, так же стандартные настройки  "фон и отступы".

Наглядно:

Карточка продукции

Одним из важных пунктов настроек интернет-магазина является дизайн карточки продукции. 

Из настроек доступны:

  • Основные настройки 

Настройки шрифтов названия продукта, заголовков и текста краткого описания.

Возможность отключать/включать блоки: Наличие, Артикул, Выбор количества, Блок с преимуществами, Комментарии Disqus.

  • Кнопка добавления в корзину

В меню присутствует отключение/включение кнопки, редактирование текста на кнопке, настройки шрифтов, формы и цвета.

  • Быстрый заказ

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

  • Структура и изображения 

На выбор предоставлены 5 видов структуры карточки продукции и 5 популярных соотношений сторон 1:1, 4:3, 3:4, 16:9, 9:16. Настройки кадрирования (обрезать под формат или сохранять пропорции)

  • Цена

Присутствуют настройки шрифтов для цены, старой цены , и линии которая перечеркивает цену.

  • Фон и отступы

Настройки стандартны как и у остальных блоков.

Наглядно:

Корзина

Неотъемлемой частью интернет магазина является корзина для добавления товара.

Из настроек нам доступны :

  • Настройки дизайна корзины (редактирование заголовка в корзине, шрифтов, размера изображений, отображение Артикула, Статус наличия, Названия столбцов, Цена единицы товара, +/- для управления количеством)
  • Кнопка оформления заказа
  • Кнопка ввода промо-кода
  • Фон и отступы , имеет все те же настройки  как и в любых других блоках

Примечание: отключить или отредактировать надписи ВЫБОР ДОСТАВКИ и СПОСОБ ОПЛАТЫ на текущий момент к сожалению не получится. Но учитывая пожелания пользователей корзина будет переделываться, изменится структура и настройки дизайна.

Наглядно: