Состоит из следующих элементов:
8.3.1. Заголовок [Название категории].
8.3.2. Блок «Фильтр», фиксируется вместе с блоком «Сортировка» в верхней части экрана при прокрутке страницы, состоит из следующих элементов:
8.3.2.1. Список подборок, которые присвоены данной категории. По клику на название подборки происходит переход на страницу списка товаров с применённой фильтрацией по данной подборке. При этом в качестве заголовка страницы выводится название данной подборки, а также выводится соответствующий SEO-текст. Привязка подборок и SEO-текст к ним задаются в ИНФОБЛОКЕ «Подборки каталога».
8.3.2.2. Фильтр по типу товаров. Выпадающий список. Выводятся названия категорий каталога третьего уровня. Если в текущей категории нет вложенных категорий, то фильтр по типу товаров не выводится. После выбора тип товаров в списке выводятся только товары из данной категории третьего уровня.
8.3.2.3. Фильтр по цене. Два значения границ выбранного в данный момент диапазона и графическая шкала с ползунками. При перемещении ползунка меняется числовое значение соответствующей границы диапазона. Максимальное и минимальное значения шкалы определяются максимальным и минимальным значением цены для подходящих под остальные параметры фильтрации товаров.
8.3.2.4. Фильтр по цвету. Выпадающий список, поддерживает множественный выбор. Выводятся цвета, которые есть у товаров данной категории.
8.3.2.5. Фильтрация по стилю. Выпадающий список, поддерживает множественный выбор. Выводятся значения свойства «Стиль», которые есть у товаров данной категории.
8.3.2.6. Фильтр по ширине. Два значения границ выбранного в данный момент диапазона и графическая шкала с ползунками. При перемещении ползунка меняется числовое значение соответствующей границы диапазона. Максимальное и минимальное значения шкалы определяются максимальным и минимальным значением ширины для подходящих под остальные параметры фильтрации товаров.
|
|
8.3.2.7. Фильтр по глубине. Два значения границ выбранного в данный момент диапазона и графическая шкала с ползунками. При перемещении ползунка меняется числовое значение соответствующей границы диапазона. Максимальное и минимальное значения шкалы определяются максимальным и минимальным значением глубины для подходящих под остальные параметры фильтрации товаров.
8.3.2.8. Фильтр по высоте. Два значения границ выбранного в данный момент диапазона и графическая шкала с ползунками. При перемещении ползунка меняется числовое значение в соответствующем поле. Максимальное и минимальное значения шкалы определяются максимальным и минимальным значением высоты для подходящих под остальные параметры фильтрации товаров.
8.3.2.9. Кнопка «Сбросить фильтр», после клику полям фильтра возвращаются значения по умолчанию, а список товаров перестраивается и выводятся все товары данной категории.
При изменении какого-либо параметра фильтрации список товаров после задержки в 3 секунд перестраивается и выводятся только товары, которые удовлетворяют условиям фильтрации. Если до достижения N секунд пользователь изменяет ещё какой-либо параметр фильтрации, то отсчёт задержки начинается заново.
8.3.3. Блок «Сортировка», фиксируется при прокрутке страницы в верхней части экрана под блоком «Фильтр», содержит:
|
|
8.3.3.1. Строку «Найдено [счётчик товаров, которые удовлетворяют поисковому запросу]».
8.3.3.2. Чекбокс «Акционные товары сверху». Если активен, то первыми в списке выводятся товары со свойством «Акция».
8.3.3.3. Чекбокс «Новинки сверху». Если активен, то первыми в списке выводятся товары со свойством «Новинка».
8.3.3.4. Чекбокс «Популярные товары сверху». Если активен, то первыми в списке выводятся товары со свойством «Популярный».
8.3.3.5. Переключатель сортировки по цене. По клику происходит перестроение списка и товары сортируются по возрастанию цены. Повторным кликом направление сортировки меняется на противоположное.
8.3.4. Блок «Список товаров» содержит карточки товаров или карточки комплектов (в зависимости от категории), по N в строку (N определяется на этапе дизайна).
8.3.5. Карточка товара состоит из:
8.3.5.1. Фото товара. При наведении выводятся стрелки, по клику на которые можно просмотреть остальные фото из галереи товара. При загрузке страницы для каждого товара подгружается до 3х миниатюр фото из галереи, когда пользователь листает фото товара производится подгрузка следующих, если таковые есть.
8.3.5.2. Лейбл. Список лейблов:
8.3.5.2.1. Акция.
8.3.5.2.2. Новинка.
8.3.5.2.3. Популярный.
Выводятся, если товар имеет соответствующее свойство.
8.3.5.3. Наименование категории, к которой относится товар.
8.3.5.4. Наименование товара, по клику происходит переход на страницу товара.
8.3.5.5. Цена товара. Выводится, зачёркнутой, если задана цена со скидкой.
8.3.5.6. Цена со скидкой. Выводится если задана.
8.3.5.7. При наведении на карточку товара выводится:
|
|
8.3.5.7.1. Строка с кратким описанием товара. Ограничение 250 символов.
8.3.5.7.2. Строка с размерами товара «[длина]х[ширина]х[глубина]»
8.3.5.7.3. Кнопка «В корзину», по клику соответствующий товар добавляется в корзину.
8.3.5.7.4. Иконка «Добавить к сравнению», по клику соответствующий товар добавляется в список товаров для сравнения.
8.3.5.8. Карточка комплекта состоит из:
8.3.5.8.1. Основное фото комплекта. При наведении выводятся стрелки, по клику на которые можно просмотреть остальные фото из галереи комплекта. При загрузке страницы для каждого комплекта подгружается до 3х миниатюр фото из галереи, когда пользователь листает фото производится подгрузка следующих, если таковые есть.
8.3.5.8.2. Лейбла. Список лейблов:
8.3.5.8.2.1. Акция.
8.3.5.8.2.2. Новинка.
8.3.5.8.2.3. Популярный.
Выводятся, если товар имеет соответствующее свойство.
8.3.5.8.3. Наименование категории каталога в которой находится товар.
8.3.5.8.4. Наименование комплекта.
8.3.5.8.5. Цена товара. Выводится, зачёркнутой, если задана цена со скидкой.
8.3.5.8.6. Цена со скидкой. Выводится если задана.
8.3.5.8.7. При наведении на карточку комплекта выводится:
8.3.5.8.7.1. Строка с кратким описанием.
8.3.5.8.7.2. Кнопка «В корзину», по клику в корзину добавляются товары из которых состоит комплект.
8.3.5.8.7.3. Иконка «Добавить к сравнению», по клику соответствующий комплект добавляется в список сравнения.
8.3.6. Пагинатор для постраничной навигации.
8.3.7. Блок с SEO-текстом для данной категории.
8.3.8. Блок «Видео» содержит плееры прикреплённых видеообзоров товаров категории, коллекции. Если роликов добавлено несколько, то выводится слайдер, а для навигации по слайдам предусмотрены метки. Ссылки на видео с Youtube задаются в свойствах раздела каталога.