Тема "Vivashop"

"Vivashop" - адаптивная, удобная и функциональная тема дизайна для приложений Магазин, Сайт, Блог Фотогалерея, Рассылки, Поддержка и Хаб. Тема дизайна активно развивается и получила более 10 функциональных обновлений.

1. Оптимизация

• Оптимизация под мобильные устройства:

  

• Верстка без ошибок, предупреждений и рекомендаций от w3.org (т.к. все рекомендации выполненны)
• Микроразметка товаров, хлебных крошек и компании (30 сущностей на выбор для персонализации вашего бизнеса)
• Оптимизированная скорость работы по рекомендациям внешних сервисов.
• Верстка выполнена по методологии Yandex БЭМ вручную (без использования шаблонизаторов), что позволяет модифицировать любые блоки сайта, не затрагивая другие.

2. Оформление

• К теме подобрано 17 цветовых схем:

  

• Есть возможность подобрать любые цвета:

  

• Возможность выбрать основной шрифт из семейства популярных шрифтов:
  Open Sans, Roboto, Exo 2, Ubuntu, Arial, Fira Sans, Montserrat, Helvetica, PT Sans, Play

• В теме используются шрифт иконок fontawesome, что позволяет минимизировать запросы к серверу.

3. Функциональность

• Несколько вариантов вывода каталога (можно настроить индивидуально для каждой категории):

  - В сайдбаре (с иконками, с маркером, без иконок)

  

  - Выпадающий каталог (раскрытый или свернутый) с различным отображением подкатегорий

  В виде раскрываемых списков:

  

  В виде карточек:

  

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

  

  Для мобильной версии:

  

• Быстрый поиск (нет необходимости переходить на страницу поиска):

  

• Выпадающая корзина:

  

• Плиточная галерея (просмотр всех изображений товара непосредственно в списке товаров):

  

• Адаптивная, фиксированная панель c пользовательскими списками товаров, корзиной, переключением языка и валюты:

  

• Фиксированная иконка для быстрого перехода к редактированию категории, товара, новости и т.п. напрямую со страницы (для администраторов и менеджеров сайта):

  

• Информационное сообщение в шапке сайта для всех пользователей, с возможностью задать цвет текста, цвет фона, иконку:

  

• Встроенные плагины "Вы смотрели" и "Избранное". Различные виджеты к ним (горизонтальный список в контент и вертикальный в сайдбар):

  

• Выпадающие подкатегории в хлебных крошках:

  

• Возможность добавлять маску на поля ввода телефонного номера (с управляемым шаблоном):

  

• Кнопка "Наверх".

• Возможность выводить произвольное popup окно всем пользователям (с рекламной акцией) и возможность привязать popup окно к любой ссылке(с произвольным контентом).

• Возможность настроить цветовое оформление стикеров и выводить стикер скидки (с возможностью ограничить по минимальному проценту).

• Возможность выводить цену диапазоном (для товаров с несколькими артикулами и разными ценами) и заменять нулевую цену на произвольную фразу.

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

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

  

4. Главная страница

• Слайдер с картинками (можно задавать через промо карточки или через приложение Фото):

  

• Слайдер с товарами (с возможностью выводить определенный список сформированный вручную или через фильтр):

  

• Промо карточки, с возможностью задать время окончания акции (таймеры). Реализованы различные вариации расположения по количеству промо акций (1,2,3,4,5):

  

• Адаптивные списки товаров (карусели) с возможностью настраивать стилистику, перемешивать и зацикливать списки:

  

• Список категорий плиткой:

  

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

  

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

  

• Блок с последними отзывами с возможностью перемешивания и зацикливания петли:

  

5. Каталог

• 3 варианта отображения списка подкатегорий:

  - Карточками

  

  - С иконками

  

  - Без изображений

  

• 3 варианта отображения списка товаров:

  - Списком

  

  - Карточками (2 вида дизайна)

  

  

  - Таблицей

  

• Предпросмотр товара.

• Фильтр с ajax функциональностью (фильтрация без перезагрузки страницы). Возможность в настройках темы указать количество развернутых характеристик и вариантов опций. Вывод характеристик с множественным выбором в виде чекбоксов или в виде кнопок:

  

• Активные фильтры над списком товаров:

  

• Возможность добавить вывод характеристик товара в превью отображаемое карточками и списком (определенное количество первых характеристик или настроить вывод конкретных характеристик с помощью кодов):

  

• Кнопка "Читать далее" для описания категории:

  

• Иконка наличия у товара видео, с возможностью просмотра в модальном окне без перехода в карточку товара:

  

• Возможность настроить узкие карточки товара в списке товара (по 2 в ряду).

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

• 3 варианта отображения превью изображений товара:

  - Каруселью снизу

  

  - Каруселью слева

  

  - Статичным списком снизу

  

• Краткое описание и краткие характеристики и последний отзыв в среднем блоке с переходом на подробное описание, характеристики и отзывы

• Выбор ариткула с помощью стилизованных кнопок или с помощью выпадающих списков

  

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

  

• Просмотр и добавление отзывов без перехода и перезагрузки страницы.

• Три визуально различные библиотеки для просмотра полноразмерных фото (swipebox, magnific popup и photoswipe в мобильной версии с возможностью увеличивать изображения свайпом).

• Возможность вывести до трех дополнительных вкладок с произвольным содержимым во все карточки товара.

• Возможность управлять сортировкой вкладок (спозиционировать их в нужном порядке).

• Виджеты комментариев Vkontakte и Facebook для использования в различных интерфейсах (Вопрос-Ответ, комментарии, отзывы, обзоры и т.д.)

Полный список адаптированных плагинов можно уточнить по ссылке

Инструкция по настройке темы перейти