Types of blocks on the site


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

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

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


**

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

  • 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

**

Notification type when adding to cart:

  • View 1: small pop-up at the bottom of the site

  • View 2: pop-up full screen height, right side

  • View 3 : in progress...

Type of information block view on the main page:

  • View 1: 4 blocks in a row that includes an image, title, short description and link

  • View 2: 1 large block that includes an image or gif, title, short description and link*
    *

Form on the search page:

  • View 1: normal search page when nothing is found*
    *
  • View 2: to the regular search page without results, a request form is added at the bottom*
    *

**

**

Category view type on phone:

  • View 1: in the mobile version, Large categories are displayed 1 in a row*
    *
  • View 2: in the mobile version, Large categories are displayed 2 in a row*
    *

Show availability warning on product page:

  • *View 1:* no warning when reaching the quantity

  • *View 2:* when the quantity of goods is reached, a notification about the limitation appears*
    *

Type of small product card that is out of stock:

  • View 1: normal view of the product card that is out of stock*
    *
  • View 2: if the product is out of stock, the card along with the image becomes black and white and the price buttons disappear*
    *

Was the article helpful?

Yes, thank you! Unfortunately no

article.helpfulQuestion