Шаблон "Sushi"

В данной статье рассмотрим настройки и особенности шаблона "Sushi".

• Особенности шаблона
  • Режим лендинга
  • Быстрый просмотр
  • Темная тема
  • Скругление элементов
  • Ширина
• Шапка
• Карточка товара
• Каталог
• Хлебные крошки
• Подписка на новости
• Подвал
• Блоки шаблона
  • Блок-банер перед подвалом (шаблон Sushi)
  • Блок-банер в подвале справа (шаблон Sushi)

Внимание

Шаблон "Sushi" может быть установлен только на магазин версии 11.5.0 и выше. Если Ваш магазин версии ниже, пожалуйста, обновите магазин до версии 11.5.0 и выше до начала работ с шаблоном.

 

Особенности шаблона

Функциональное отличие шаблона "Sushi" от других шаблонов платформы:

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

Рассмотрим детальнее как воспользоваться описанным функционалом.

 

Режим лендинга

Для того, чтобы включить режим лендинга (одностраничник) необходимо перейти в раздел "Дизайн" - "Параметры" - "Главная страница", активировать настройки "Включить режим лендинга (работает при вкл. настройке 'Отображать категории на главной')" и "Отображать категории списком на главной странице в десктопе (выводятся только категории первого уровня)" (рис. 1).

Рисунок 1.

Внимание!

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

В мобильной версии режим лендинга также работает, но карточки товара представлены полноценной страницей. Для активации режима в мобильной версии необходимо в разделе "Дизайн" - "Параметры" - "Главная страница" активировать опцию "Отображать категории списком на главной странице в мобильной версии (выводятся только категории первого уровня)", настройка "Включить режим лендинга" должна быть активна (рис. 2).

Рисунок 2.

 

Быстрый просмотр

Для того, чтобы в десктопной версии не было перехода в карточку товара, информация открывалась сразу на главной странице необходимо в разделе "Дизайн" - "Параметры" - "Категория товароы" активировать настройку "Открывать быстрый просмотр вместо карточки товара" (рис. 3).

Рисунок 3.

 

Темная тема

Для использования темной темы сайта в разделе "Дизайн" - "Параметры" - "Основные" необходимо активировать опцию "Использовать темную тему" (рис. 4).

Рисунок 4.

В клиентской части отображение будет иметь вид(рис. 5).

Рисунок 5.

Также в разделе "Дизайн" - "Параметры" - "Основные" доступно изменение темы/фона, в таком случае в клиентской части рабочая область сайта будет использовать темную тему, свободная область будет занята темой/фоном из основных настроек дизайна. Также можно загружать свою тему и фон (рис. 6).

Рисунок 6.

 

Скругление элементов

Для того, чтобы включить скругление элементов (кнопок, полей, баннеров) необходимо в разделе "Дизайн" - "Параметры" - "Основные" деактивировать опцию "Убрать скругления у полей, кнопок и др. эл-тов" (рис. 7).

Рисунок 7.

В клиентской части отображение будет иметь вид (рис. 8).

Рисунок 8.

 

Ширина

По умолчания ширина рабочей области сайта составляет 1160px, т. е при просмотре с большого экрана остается много свободного пустого пространства, что не всем может понравится. Только в шаблоне sushi предусмотрена специальная настройка, позволяющая увеличить ширину экрана до 1500px. Для активации настройки необходимо перейти в раздел "Дизайн" - "Параметры" - "Основные" (рис. 9).

Рисунок 9.

 

 

Шапка

Меню категорий, пункты меню и корзина в шаблоне зафиксированы и двигаются с прокруткой экрана. Отключить фиксирование шапки при прокрутке, можно в разделе "Дизайн" - "Параметры" - "Основные" (рис. 10).

Рисунок 10.

Опционально можно выводить/ не выводить номер телефона в шапке сайта, активировать номер телефона в шапке можно в разделе "Дизайн" - "Параметры" - "Основные" (рис. 11).

Рисунок 11.

В клиентской части номер телефона будет выводится перед личным кабинетом (рис.12). Номер телефона не выводится в фиксированной шапке при прокрутке.

Рисунок 12.

В шаблоне Sushi предусмотрена возможность вывода пунктов меню личного кабинета в шапке сайта (не проваливаясь в сам личный кабинет можно перейти в нужный раздел). Для активации функционала необходимо перейти в раздел "Дизайн" - "Параметры" - "Основные" (рис. 13).

Рисунок 13.

В клиентской части при наведении на кнопку личного кабинета будет выпадать меню подпунктов (рис. 14).

Рисунок 14.

 

 

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

Как рассмотрели ранее, шаблон может работать в двух режимах: полноценный сайт сайт или лендинг. В режиме одностраничника в карточке товара можно опционально включить вывод артикула, описания, характеристик, отзывов. Настройки активируются в разделе "Дизайн" - "Параметры" - "Карточка товара" (рис. 15).

Рисунок 15.

Карточка товара будет иметь вид (рис. 16). Если заполнить краткое описание товара, то оно также будет выводиться в карточке товара в режиме быстрый просмотр.

Рисунок 16.

Если у товара несколько фотографий, то кнопки переключения между фотографиями можно выводить под фотографиями (рис. 17) или на фотографиях (рис. 18).

Рисунок 17.

Рисунок 18.

Для вывода кнопок переключения между фотографиями на изображении необходимо в разделе "Дизайн" - "Параметры" - "Категория товаров" активировать настройку (рис. 19).

Рисунок 19.

Если у товара есть модификации (вариации по цвету/размеру), то у товара отображается кнопка "Выбрать" (рис. 20).

Рисунок 20.

Переименовать кнопку можно в разделе "Дизайн" - "Параметры" - "Категория товаров" (рис. 21).

Рисунок 21.

 

Каталог

Если в магазине добавлена новая категория, но товары еще в процессе добавления или все товары не в наличии, то в магазине будет выводиться сообщение (рис. 22).

Рисунок 22.

Изменить текст можно в разделе "Дизайн" - "Параметры" - "Категория товаров" (рис. 23).

Рисунок 23.

Если отключен режим лендинга, т.е можно перейти в каталог товаров, то при активации настройки "Выводить категории справа в каталоге" в разделе "Дизайн" - "Параметры" - "Категория товаров" (рис.24) в будет выводится дерево категории (рис. 25).

Рисунок 24.

Рисунок 25.

 

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

Хлебные крошки - это навигационная цепочка на сайте, которая отражает путь до текущей страницы. Если режим лендинга отключен/карточка товара открывается не в быстром просмотре, то в каталоге/карточке товара можно выводить/не выводить хлебные крошки. Функционал регулируется настройками (рис. 26).

Рисунок 26.

 

Подписка на новости

Блок подписки на новости в шаблоне также имеет свои особенности: можно добавить подзаголовок и задать фоновое изображение (рис. 27).

Рисунок 27.

Изменить текст подзаголовка можно в разделе "Дизайн" - "Параметры" - "Главная страница" (рис. 28).

Рисунок 28.

Для изменения фонового изображения блока необходимо загрузить фоновую картинку на сервер по инструкции "Как загрузить фотографию на сервер". Далее в разделе "Дизайн" - "Параметры" - "CSS" разместить код:

.subscribe-block-mainpage-background { background-image: url("ссылка на изображение") !important; }

 

Подвал

Для вывода номера телефона в подвале (рис. 29) необходимо в разделе "Дизайн" - "Параметры" - "Основные" включить настройку (рис. 30).

Рисунок 29.

Рисунок 30.

Стандартно пункты меню в подвале выводятся с привязкой к заголовкам (корневым пунктам), в шаблоне sushi есть возможность отключить вывод корневых пунктов, для этого в разделе "Дизайн" - "Параметры" - "Основные" необходимо активировать настройку "Выводить меню в подвале компактно"(рис. 31).

Рисунок 31.

На сайте отображение будет иметь вид (рис. 32).

Рисунок 32.

 

Блоки шаблона

В шаблоне "Sushi"  предусмотрено два специальных статических блока. Отредактировать блоки можно в разделе "Дизайн" - "Страницы и блоки" - "Блоки" (рис. 33).

Рисунок 33.

 

Блок-банер перед подвалом (шаблон Sushi)

Блок выводится над подвалом, может содержать текст, видео, изображения и. т.д (рис. 34).

Рисунок 34.

 

Блок-банер в подвале справа (шаблон Sushi)

Статический блок "Футер меню справа" в шаблоне не работает. Для размещения дополнительной информации в футере подвала добавлен отдельный статический блок "Блок-банер в подвале справа" (рис.35).

Рисунок 35.

Блок может содержать любой текстовый и графический материал, по умолчанию в блоке размещено изображение. Для замены изображения необходимо при редактировании блока в режиме "Источник" прописать путь до нового изображения (рис. 36).

Рисунок 36.

 

Готово. Мы рассмотрели основные особенности и настройки шаблона "Sushi".