Виды блоков на сайте


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

  • Маленькие категории : выводится маленький блок категории с названием

  • Большие категории : выводится категории в большом блоке с названием


**

Вид отображения акций (главная страница) :

  • Default : отображаются промо-акции на главной странице

  • Нет : не отображаются промо-акции

**

**

Счетчик в карточке товара : счетчик что позволяет указать необходимую кол-во товара**

**

  • Показать : отображается на карточке товара

  • Скрыть : скрыт с карточке товара

**

**

Тип поиска в заголовке : отображение поиска в в header в мобильной версии

  • Скрыть : скрывается иконка для поиска

  • Показать : отображается иконка для поиска**

**

**

**

Отображение блока новостей:

  • Вид 1 : одна главная новость и справа список новостей; название главной находится на вверх, а у маленьких - слева от изображении

  • Вид 2 : одна главная новость и справа список новостей; название главной находится внизу, а у маленьких - справа от изображении

  • Вид 3 (Slider) : 2 большие новости и горизонтальный скролл остальных

**

**

Вид header:

  • Вид 1 : header со всем функционалом имея background (фон)

  • Вид 2 : header со всем функционалом на белом фоне

  • Вид 3 : отличается от предыдущего вида типами иконками и инфо страницы выровнены справой стороны

  • Вид 4 : header в один ряд; слева отображаются страницы, по центру лого и справа все нужные иконки

  • Вид 5 : header в один ряд; слева отображается лого, по центру страницы и справа все нужные иконки

  • Вид 6 : header в один ряд; слева отображаются категории, по центру лого и справа все нужные иконки

**

**

Вид меню : отображение категории и под-категории в меню

  • Под-категории: отображается только список категории, под-категории и под-под-категории

  • Под-категории + баннер: отображается список категории, под-категории и один баннер для главной категории*
    *

**

**

Вид slider на главной : отображение главного баннера на странице

  • Вид 1 : баннер на ширину сайта, с немного острыми углами на белом фоне

  • Вид 2 : баннер на ширину сайта, с немного округленными углами на светло-желто-зеленый фоне

  • Вид 3 : баннер как по Виду 1, только меньше по высоте

  • Вид 4 (3 баннера) : 3 маленькие баннера в ряд

  • На всю ширину экрана : большой баннер на всю ширину экрана

**

**

Вид блока “Карьера” : отображение вакансии на главной странице

**

**

Вид блока “Контакты” : отображение адресов магазина и точку на карте

**

Вид блока “Отзывы” : отзывы пользователей сайта на главной странице

  • Вид 1 : маленькие, компактные отзывы, на белом фоне: изображение, название, оценка и отзыв

  • Вид 2 : маленькие, компактные отзывы, на светло-желто-зеленый фоне: изображение, название, оценка и отзыв

  • Вид 3 : большие фотографии отзыва: : изображение, название, оценка

Вид slider с товарами:

  • Вид 1 : дефолтный слайдер с товарами, на белом фоне

  • Вид 2 : дефолтный слайдер с товарами, на светло-желто-зеленый фоне

  • Вид 4 : группированные слайдеры товаров в табах*
    *

**

**

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

  • Вид 1 : дефолтная карточка товара со всеми возможностями

  • Вид 2 : чуть удлиненная по высоте, с измененными кнопкой корзины, без информации о наличие, кредитов

  • Вид 3 (Food): in process

**

**

Вид блока “Mobile Bar” : нижний бар в мобильной версии для быстрой навигации

  • Вид 1 : включает следующие элементы: Позвонить (быстрый набор номера) - Избранные - Каталог - Сравнение - Личный кабинет

  • Вид 2 : включает следующие элементы: Каталог - Избранные - Сравнение - Корзина

  • Вид 3 : полностью скрывается нижний бар

Стартовая тема:

  • Вид 1 : Светлая тема - сайт всегда будет открываться с светлой темой

  • Вид 2 : Темная тема - сайт всегда будет открываться с темной темой

**

**

Стартовый язык: язык сайта который будет автоматически выбираться для пользователя при входе: Ro - Ru - En - Uk

Вид Footer :

  • *Вид 1:
    *
  • Вид 2 :

  • Вид 3 :

**

**

Вид хлебных крошек:

  • *Вид 1:
    *
  • Вид 2:

**


Вид фильтров в моб версии : отображение характеристик в фильтре для мобильной версии

  • *Checkbox:
    *
  • **Кнопки:

**

Вид сортировки : отображение блока сортировки товаров на странице категории

  • **Вид 1:

** * Вид 2:


**

**

Вид страницы “Корзина”:

  • Вид 1 : страница Корзины открывается как отдельный pop-up

  • Вид 2 : страница Корзины открывается как отдельная страница и все данные указываются на одной странице

  • Вид 3 : доступно только для отдельной темы (не ECOM

  • Вид 4 : страница Корзины открывается как отдельная страница разделена на 4 этапы: Список товаров - Личные данные - Способ доставки - _Способ оплаты
    _

Вид FAQ : отображение блока Вопросы-Ответы

  • Вид 1 (главная страница) : блок FAQ выводится на главной странице сайта

  • Вид 2 (отдельная страница) : FAQ выводится как отдельная страница сайта**

**

Вид изображения продукта:

  • Вид 1: миниатюрные изображение товара выводится слево от главной изображении, вертикально

  • Вид 2: миниатюрные изображение товара выводится под главной изображении, горизонтально

**


Вид блока До/посля:

  • Default : выводятся 2 изображение и ползунок

  • Slider : in progress... - можно к одной работе загружать больше картинок и вместо ползунка будет слайдер с картинками

*
*

Вид блока “Наличие на складе” : отображение кол-во товара в магазинах/складах на странице товара

  • Вид 1: скрывается блок о наличие товар

  • Вид 2 : появляется кнопка "Наличие в магазинах", нажимая открывается pop-up с данными об магазинах и наличие

  • Вид 3 : отображается список всех адресов магазинов разделены по регионов и населенных пунктов

  • Вид 4 : отображается точное кол-во товара и единица измерения по умолчанию "шт."

  • Вид 5 : отображается точное кол-во товара и единица измерения указанная у товара**

**

Вид преимуществ : отображение преимуществ на странице товара

  • Вид 1 : преимущества отображаются под блоком с информацией о товаре

  • Вид 2 : преимущества отображаются в блок с информацией о товаре, справа от изображение после описании**

**

Вид блока информации в товаре : отображение информации о товара справа от главной изображении

  • *Вид 1
    *
  • *Вид 2
    *
  • *Вид 3
    *
  • *Вид 4
    *
  • *Вид 5*

**

**

Тип визуализации вариантов товара:

  • *Вид 1 (изображение+селект)* : отображение характеристик в группе в виде селектов

  • Вид 2 (изображение+кнопки): отображение характеристик в группе в виде кнопков

**

**

Вид кнопки "В корзину" : изменение кнопки при добавление товара в корзину

  • Вид 1 : отображение кнопки не меняется; при добавление в корзину появляется маленький pop-up

  • Вид 2 : при добавление в корзину, кнопка меняется на галочку

Вид странице Сравнении:

  • **Вид 1

* * Вид 2* : in progress...

Показать дерево меню на главной странице : главные категории на странице (автоматически)

  • Скрыть : категории не отображаютс

  • Вид 1


**

Вид Sidebar : вертикальный меню каталога

  • Вид 1 : меню каталога закрыт на все страницы сайта

  • Вид 2 : меню каталога открыт на главной странице

Вид брендов на главной :

  • Вид 1 : название блока "Бренды"

  • Вид 2 : название блока "Являемся официальным дистрибьютором брендов"

Вид страницы Бренды:

  • Вид 1 : отображение лого брендов рандомно

  • Вид 2 : in progress... - отображение лого брендов сгруппированных в алфавитном порядке

**

**

Вид корзины в header:

  • Drop-down скрыт : при наведение на иконку корзины в header ничего не меняется
  • Drop-down открыт : in progress... - при наведение на иконку корзины в header открывается маленькое окошко с товарами что уже есть в корзине

*
*

Product Slider Mobile View Type : отображение миниатюрных изображении для товаров в мобильной версии

  • *Вид 1
    *
  • **Вид 2

**

Product No Active View Type : отображение не-активного товара на сайте

  • *Вид 1
    *
  • **Вид 2

**

Тип уведомления при добавлении в корзину:

  • Вид 1: маленький pop-up внизу сайта

  • Вид 2: pop-up на всю высоту экрана, справой стороны

  • Вид 3 : in progress...

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

  • Вид 1: 4 блока в ряд что включают изображение, название, краткое описание и ссылку

  • Вид 2: 1 большой блок что включает изображение или gif, название, краткое описание и ссылку*
    *

Форма на странице поиска:

  • Вид 1: обычная страница поиска когда ничего не находит*
    *
  • Вид 2: к обычной странице поиска без результатов добавляется внизу и форма для запроса*
    *

**

**

Тип вида категории на телефоне:

  • Вид 1: в мобильной версии, Большие категории отображается по 1 в ряд*
    *
  • Вид 2: в мобильной версии, Большие категории отображается по 2 в ряд*
    *

Показать предупреждение о наличии на странице товара:

  • *Вид 1:* никаких предупреждении при достижение кол-во

  • *Вид 2:* при достижение кол-во товара, появляется уведомление об ограничение*
    *

Тип маленькой карточки товара, который не в наличии:

  • Вид 1: обычный вид карточки товара что нет в наличие*
    *
  • Вид 2: если товара нет в наличие, карточка вместе с изображением становится черно-белой и пропадают цены-кнопки*
    *

Была ли статья полезна?

Да, спасибо! К сожалению, нет

Была ли эта статья полезной?