Главная » Администрирование сайта » Модуль «Интернет-магазин» » Фильтры товаров

Фильтры товаров

30.03.2016 в 13:37
Автор: sergeymitrichev
Перейти в базу знаний

В базе знаний есть новая инструкция по этой теме

Основные понятия




  • Категория - подразумевается категория Интернет магазина пользователя

  • Конечная категория - категория интернет-магазина, которая не имеет в себе подкатегорий

  • Группа товаров или глобальная категория - разделы готовых описаний товаров. Так же могут быть созданы пользователем

  • Спецификация - набор характеристик товаров с установленными значениями

  • Глобальное описание - готовая спецификация для товара конкретной модели. При привязке такого описания к товару прикрепляется также название, бренд, изображение, группа товаров данного описания.

  • Характеристика - название параметра товара. Например у товаров из Группы товаров "Телефоны" это может быть диагональ экрана

  • Значение характеристики - значение параметра товара. Для примера выше это может быть величина диагонали экрана

  • Пользователь - в данном документе подразумевается администратор магазина или любой другой профиль, который обладает правом редактировать все товары

  • ПУ - панель управления сайтом, страница модуля Интернет-магазин. Обычно имеет вид http://yoursitename/panel/?a=shop 



Основные функции




  • Сравнение товаров клиентами по значениям характеристик

  • Фильтрация товаров клиентами по значениям характеристик 



Подготовка к работе



Предполагается что у администратора интернет магазина уже имеется набор товаров, разбитых по категориям. В системе uCoz характеристики принадлежат группам товаров. Потому необходимо задать к какой группе товаров будут принадлежать товары из категории. Установить эту связь можно из Панели Управления. Для этого необходимо перейти на страницу управления категориями http://yoursitename/panel/?a=shop;l=cats 





Далее нажать кнопку редактирования желаемой категории





На картинке выше красным прямоугольником обозначено поле, в котором задаётся связь. С группой товаров можно связать только конечную категорию



Как только выбрана необходимая группа товаров можно сохранять категорию. После этого на странице категории будет доступен блок "Фильтр товаров" с кодом $SPEC_FILTER$. О создании и редактировании своих групп товаров будет рассказано далее. После этих манипуляций все товары, которые принадлежат категории с привязкой к группе товаров, будут иметь вкладку "Спецификации" с особым содержимым. Для пользователя такая вкладка будет иметь примерно такой вид:





Для пользователя содержимое вкладки условно разбито на 3 блока




  • Блок 1 - Уведомления - содержит уведомления информационного характера. Например на приведённой картинке видно что товар прикреплён к категории, которая имеет связку с группой товаров. Однако, у товара также прикреплено глобальное описание. Глобальное описание содержит в себе привязку к группе товаров. Эта привязка конфликтует со связью Глобально описание - Категория.

  • Блок 2 - дублирование некоторых функций. Текущая группа товаров - дублирование функционала по созданию связи "Глобальное описание - Категория" которое мы рассматривали ранее. Глобальное описание - дублирование функционала с формы редактирования.

  • Блок 3 - Спецификация в режиме редактирования. Тут пользователь может назначить значение характеристик, создавать свои характеристики и значения.



Назначить товару спецификацию можно двумя способами. Заполнив форму из примера выше либо назначить товару глобальное описание. Это можно сделать на форме редактирования товара. Область управления глобальным описанием выглядит так:






  • Найти описание - откроет новую страницу поисковой системы Google в браузере с результатами поиска по названию товара

  • Выбрать из каталога описания - вызов окна глобальных описаний

  • Не использовать описание из каталога - отмена выбора глобального описания Для выбора глобального описания необходимо нажать на "Выбрать из каталога описания". Появится окно выбора глобальных описаний. 





Выбор глобального описания осуществляется двойным щелчком мыши по описанию. Поля "Наименование", "Производитель", "Изображение" будут заполнены автоматически. Поле "Категория" необходимо заполнить заполнить вручную.



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



После этого можно сохранить товар. Данные действия необходимо провести для всех товаров, которые предполагаются для участия в функциях сравнения/фильтрации.



Фильтрация товаров



Клиент магазина может отфильтровать товары по характеристикам с помощью блока фильтрации. Данный блок выводится только на странице категории с привязкой к глобальному описанию. Общий вид блока фильтрации товаров выглядит так:





Отличие вида блока фильтра для пользователя и клиента в том что пользователь может управлять отображением элементов фильтра. Управляющие элементы выглядят так:





и позволяют отображать характеристику свёрнутой/развёрнутой, либо спрятать.



В первом случае все скрытые характеристики и значения будут убраны в элемент "Ещё". При выборе какого либо значения будет осуществлена фильтрация всех товаров по такому параметру. При выборе нескольких значений одной характеристики будут выведены все товары, у которых характеристика имеет одно из выбранных значений.



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



Сохранение результатов фильтрации зависит от опции "Дублировать фильтры товаров в адресной строке" на странице настроек Панель управления » Главная » Интернет-магазин » Настройки модуля http://yoursite/panel/?a=shop;l=setup В случае если опция отключена - значения фильтра будут сохранены в cookies браузера пользователя. Если опция включена, то значения фильтра будут в адресной страке. Такую ссылку можно отправить клиенту. Открыв такую ссылку клиент сразу попадёт на результат фильтрации.



Добавление собственных групп товаров, характеристик, значений



В случае когда пользователю не подходят готовые группы товаров, характеристики или значения можно добавить желаемое. Существует ряд ограничений. Нельзя добавлять новые группы товаров в конечные группы товаров. При этом можно добавить новую дочернюю группу товаров в уже существующую родительскую. Нельзя редактировать системные группы товаров, характеристики, значения. Созданные пользвоателем элементы доступны только ему до модерации. После модерации такие элементы будут доступны всем. Процесс создания, редактирования, удаления элементов в общем схож. Далее будет рассмотрен созадния корневой характеристики с дочерними характеристиками. Процесс создания и редактирования характеристик происходит на странице спецификации товара. Однако эффект от такого редактирования распространяется на всю группу товаров. Для добавления корневой характеристики необходимо нажать на элемент:





рядом с надписью





В открывшемся окне заполнить поле Название:





Поле значение заполнять не будем. Это позволит нам добавить дочернюю характеристику. На странице появилась новая характеристика:





Далее нужно нажать на





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





Результатом будет:





Как уже писалось ранее для создания корневой характеристики со значениями нужно на этапе создания характеристики заполнить значения. Редактирование и удаление происходит в окне, вызванном нажатием на 



Добавление, редактирование, удаление групп товаров происходит схожим образом. Окно добавления вызывается нажатием на соответствующий пункт в выпдающем меню





Редактирование/удаление возможно после выбора своей группы товаров. В этом случае отобразятся соответствующие элементы:



 





Важно! Для корректного отображения новых функций необходимо обновить файл shop.css (Таблица стилей итернет-магазина).


Рейтинг: -44  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 16725          Комментариев: