Темы третьего поколения

Темы третьего поколения

Особенности. Настройки. Преимущества

Секции. Виджеты. Блоки.

Темы третьего поколения - это те темы, которые выпущены компанией InSales после шаблона Прайм включительно.

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

Библиотека виджетов постоянно пополняется для максимальной кастомизации и подстраивания под любые сферы бизнеса. Шаблоны подходят под все ниши.

Рис.1: схематическая демонстрация секций страниц шаблона

Секции

Условно шаблон разделен на секции. На примере шаблона Прайм (Рис.1), почти каждая страница состоит из четырех секций:

  • 1 — Секция "Шапка";
  • 2 — Секция "Сайдбар";
  • 3 — Секция "Основной контент";
  • 4 — Секция "Подвал".

Секции "Шапка" и "Подвал" сквозные. Все виджеты, которые добавятся в данные секции, будут отображены на всех страницах шаблона.

Секции "Сайдбар" и "Основной контент" индивидуальны для каждого типа страницы. К примеру, на всех каталожных страницах можно добавить фильтрацию по параметрам и свойствам товарных позиций, но на главную страницу её добавить нельзя, так как фильтрация подходит по тематике только к каталожным страницам.

Секции удалять нельзя. Если необходим шаблон без секции "Сайдбар", то следует выбрать такой изначально (coming soon).

Рис.2: схематическая демонстрация виджетов.

Виджеты

Каждая секция состоит из виджетов, которые можно добавлять, удалять, редактировать из библиотеки. На рис.2 изображены следующие виджеты:

  • 1 — Виджет "Шапка", находится в секции "Шапка";
  • 2 — Виджет "Категории", находится в секции "Сайдбар";
  • 3 — Виджет "Преимущества", находится в секции "Основной контент";
  • 4 — Виджет "Новости", находится в секции "Сайдбар";
  • 5 — Виджет "Товары", находится в секции "Основной контент";
  • 6 — Виджет "Отзывы", находится в секции "Основной контент";
  • 7 — Виджет "Подвал", находится в секции "Подвал".

На данный момент виджетов больше 40 и их количество будет постоянно пополняться.

У каждого виджета индивидуальные настройки: выбор палитры цветов, видимость на разных устройствах, частные настройки (количество товаров в строку, вывод свойств и тд и тп).

Рис.3: схематическая демонстрация блоков виджета

Блоки

Те виджеты, которые включают в себя информацию из схематически одинаковых элементов, состоят из блоков. Так, на рис.3 изображены три виджета.

  • 1 — Виджет "Преимущества", состоит из четыре блоков;
  • 2 — Виджет "Отзывы", состоит из двух блоков;
  • 3 — Виджет "Группа баннеров", состоит из шести блоков.

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

Как управлять виджетами?

Добавление. Редактирование. Перемещение. Удаление.

1.

Чтобы перейти в интерфейс редактирования шаблона магазина, необходимо нажать на кнопку "Редактор сайта", которая находится в левом верхнем углу дисплея.

2.

Откроется сайдбар с дефолтными общими настройками магазина: выбор цветов магазина, шрифты, логотип, настройки покупки.

3.

При наведении на виджет, у него появляется интерфейс управлениея ним. Перемещение, редактирование, скрытие, удаление, добавление нового виджета после себя.

4.

С помощью стрелок в левой верхней части виджета можно производить его перемещение внутри секции.

5.

С помощью глаза можно скрыть созданный виджет из виду для посетителей, но не удалять для администратора.

6.

С помощью крестика можно удалить виджет. Удаленный виджет не восстановить.

7.

С помощью карандаша можно открыть интерфейс редактирования виджета.

8.

Данный интерфейс позволяет редактировать блоки.

9.

Данный интерфейс позволяет редактировать индивидуальные настройки виджета.

Как управлять блоками?

Копирование. Редактирование. Драг-энд-дроп. Удаление.

Рис.4: схематическая демонстрация интерфейса настроек блока.

Настройки блоков

С блоками можно проводить несколько манипуляций:

  • 1 — перемещать перетаскиванием мыши;
  • 2 — при нажатии на "плюс" копировать блок: после текущего создается его копия;
  • 3 — при нажатии на "карандаш" открывать интерфейс редактирования текущего блока в сайдбаре;
  • 4 — при нажатии на "крестик" удалять текущий блок.

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