Шаблон "Neo"

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

• Карусель
• Логотип
• Заливка фона изображений товара
• Фильтры
• Карусель изображений товара
• Меню сравнения
• Плитка способов доставки и оплаты в корзине
• Авторизация

 

Карусель

В шаблоне "Neo" карусуль приобрела новые настройки. Теперь карусель можно растянуть на всю ширину страницы – Карусель ввиде подложки на главной странице (рис. 1).

Рисунок 1.

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

Рисунок 2.

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

Для того чтобы воспользоваться этими настройками перейдите в раздел "Настройки" - "Системные настройки", включите "Экcперементальные функции" и включите "Расширенные настройки карусели" и сохраните настройки (рис. 3). 

Рисунок 3.

После перейдите в раздел "Дизайн" - "Карусель". Здесь вы сможете Добавить и/или Настроить изображение для карусели или видео, нажав на "карандаш" 🖉 (рис.4).

Рисунок 4.

В открывшемся окне можно произвести настройки:

• Вставить в баннер Изображение или Видео (рис. 5).

Рисунок 5.

Ниже можно изменить настройки для этого изображения или видео (рис. 6).

Рисунок 6.

• Затемнить баннер – затемняет только изображение баннера (рис. 7).

Рисунок 7.

• Указать текст баннера и его позицию – новый шаблон может с помощью html и css поместить текст на баннер карусели.

Рассмотрим важные настройки (рис. 8).

Рисунок 8.

• Активность – включить, выключить отображение текста.
• Заголовок, Размера заголовка, Межстрочный интервал – текст заголовка, его размер и интервал между его строками.
• Основной текст, Размер текста, Межстрочный интервал текста – текст баннера, его размер и интервал между его строками.
• Цвет – цвета текста и заголовка.
• Размер блока в % для десктопной версии – размер блока текста от размера контейнера карусели.
• Выравнивание – выравнивание текста внутри контейнера баннера.

Конпка 1 и Кнопка 2 – позволяет добавить функциональную кнопку на баннер (рис. 9).

Рисунок 9.

Выжные настройки этого функционала:

Активность – включение, выключение кнопки.

В новом окне – если опция включена, то нажатие по кнопке откроет новое окно браузера.

Использовать цветовую схему магазина – если опция выключена, появятся настройки цвета текста и фона кнопки.

 

Логотип

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

Рисунок 10.

Чтобы добавить логотип такого формата, пройдите в раздел админ панели "Настройки" - "Общие настройки". Включите опцию "Использовать альтернативный логотип" (рис. 11).

Рисунок 11.

Теперь добавьте изображение или создайте новый логотоп используя встроенные инструменты (рис. 11, п.3).

 

Заливка фона изображений товара

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

Чтобы настроить стилизацию заливки, перейдите в раздел админ панели  "Дизайн" - "Параметры", вкладка "Категория товаров"  (рис. 12).

Рисунок 12.

Выберите одну из опций для настройки "Заливка карточки товара":

• Фото товара – только фото товара заливается серым оттенком (рис. 14).

Рисунок 13

• Карточка товара – серым оттенокм заливается вся карточка товара (рис. 14).

Рисунок 14.

 

Фильтры

В шаблоне "Neo" используется всплывающий список фильтров, чтобы освободить место на экране и вывести больше товаров для покупателя (рис. 15).

Рисунок 15.

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

Рисунок 16.

 

 

Карусель изображений в карточке товара

Шаблон "Neo" отображает видео загруженное для товара теперь в карусели вместе с изображениямии товара и на первом месте (рис. 17).

Рисунок 17.

Это улучшает навигацию покупателя в карточке товара.

 

Меню сравнения

Новое меню сравнение имеет широкую детальную таблицу для товаров, размещая сами товары сверху экрана в режиме "sticky" (рис. 18).

Рисунок 18.

Товары сортируются над таблицей для удобства сравнения. 

 

Плитка способов доставки и оплаты в корзине

Для корзины был разработан более современный и удобный дизайн отображения способов доставки ввиде плитки (рис. 19).

Рисунок 19.

Включить этот функционал можно в разделе "Дизайн" - "Параметры", вкладка "Оформление" (рис. 20.)

Рисунок 20.

Вы можете выбрать между Таблицой и Плиткой для опций "Стиль отображения способов" доставки" и "Стиль отображения способов оплаты".

 

Авторизация

Шаблон "Neo" имеет новую форму авторизации ввиде всплывающего окна, форма имеет современный вид и позволяет покупателю зайти в свой профиль не покидая страницы продукта или корзины (рис. 21).

Рисунок 21.

Готово, на этом мы рассмотрели основные возможности шаблона.