Перейти к содержимому

Фильтр товаров JoomShopping 5+

Модуль помогает покупателю быстро сузить каталог до нужных товаров по цене, категориям, производителям, характеристикам, атрибутам, меткам, наличию, старой цене, отзывам и изображениям. Документация ниже объясняет установку, настройку каждого блока и практическое использование фильтра.
  • Ціна
    Диапазон цены через поля и TrackBar.
    ФІЛЬТР
  • Категорії
    Фильтрация в текущей категории и по товарам подкатегорий.
    ФІЛЬТР
  • Виробники
    Выбор товаров по бренду/производителю.
    ФІЛЬТР
  • Характеристики
    Вывод всех доступных или только выбранных характеристик.
    ФІЛЬТР
  • Атрибути
    Фильтрация по атрибутам с возможностью учитывать их цены.
    ФІЛЬТР
  • Другие параметры
    Наличие, метки, изображения, отзывы и другие признаки.
    ФІЛЬТР

Где работает фильтр

Фильтр работает в контексте текущего списка товаров JoomShopping: на страницах категорий, производителей, результатов поиска и Landing Page. Он показывает не все возможные параметры магазина, а только те значения категорий, производителей, характеристик, атрибутов, меток и других параметров, которые реально назначены товарам в текущей выборке.

Шаг 1. Установите и опубликуйте модуль

После приобретения установите расширение через Nevigen Installer, введите лицензионный ключ и откройте модуль Nevigen JShop Filter. Назначьте его нужным пунктам меню и опубликуйте в позиции шаблона.

Перед детальной настройкой

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

Фильтр показывает только релевантные параметры

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

Шаг 2. Общие настройки модуля

Общие настройки модуля фильтра товаров JoomShopping
В этом блоке определяется тип вывода фильтра, счетчик возможных товаров, статус-бар и его расположение.
  • Тип вывода модуля
    Определяет, как именно фильтр будет показан на странице.
    ВИВЕДЕННЯ
  • Показывать счетчик
    Показывает возле каждой опции количество товаров, соответствующих этому значению.
    СЧЕТЧИК
  • Показывать статус-бар
    Выводит активные параметры фильтрации и количество отобранных товаров.
    СТАТУС
  • Тип вывода статус-бара
    Позволяет показывать статус-бар автоматически над товарами, в модуле или передавать его в шаблон переменной.
    СТАТУС

Тип вывода фильтра

Варианты вывода фильтра: обычная позиция и OffCanvas
На скриншоте показаны варианты вывода модуля: обычное отображение, OffCanvas только на мобильных устройствах и постоянный OffCanvas.
  • По умолчанию
    Фильтр отображается в обычной позиции модуля.
    DESKTOP
  • На мобильном устройстве OffCanvas
    На компьютере — обычный модуль, на мобильном — OffCanvas.
    RESPONSIVE
  • Только OffCanvas
    Фильтр всегда открывается как OffCanvas.
    OFFCANVAS

Счетчик вариантов

Счетчик количества товаров возле опций фильтра
Число возле значения показывает, сколько товаров будет доступно при выборе этой опции.

Статус-бар выбранных параметров

Статус-бар выбранных параметров фильтра JoomShopping
Статус-бар показывает активные параметры, количество найденных товаров и позволяет быстро отменить отдельный параметр или очистить фильтр.
  • Автоматически вверху
    Показ над списком товаров.
    РАСПОЛОЖЕНИЕ
  • В модуле вверху
    Статус-бар остается внутри самого модуля.
    РАСПОЛОЖЕНИЕ
  • Передавать переменной
    В шаблоне доступно содержимое статус-бара через $this->nevigenFilterStatusBar.
    ШАБЛОН

Шаг 3. Настройте фильтр по цене

Настройки фильтра товаров JoomShopping по цене
  • Фильтр по цене
    Включает или выключает блок фильтрации по цене.
    ВКЛ / ВЫКЛ
  • Показать диапазон цен
    Показывает поля минимальной и максимальной цены.
    ПОЛЯ
  • Показывать TrackBar
    Добавляет ползунок для выбора диапазона.
    TRACKBAR
  • Шаг TrackBar
    Определяет шаг изменения значения ползунка.
    КРОК

Как рассчитывается цена

Фильтр учитывает текущую валюту магазина, налоговые ставки, скидку группы пользователя и, если соответствующая опция включена, цены зависимых атрибутов.

Шаг 4. Настройте категории

Настройки фильтра JoomShopping по категориям
  • Фильтр по категориям
    Включает или выключает категории в фильтре.
    ВКЛ / ВЫКЛ
  • Фильтр по подкатегориям
    Добавляет в текущую категорию товары из вложенных категорий.
    ПОДКАТЕГОРИИ
  • Убрать подкатегории над списком товаров
    Позволяет скрыть блок подкатегорий над товарами, когда используется фильтрация.
    ВИД
  • Сортировка списка
    Определяет порядок показа категорий.
    СОРТИРОВКА
  • Лимит отображения checkbox
    Показывает указанное количество опций сразу; остальные скрываются под «Показать еще».
    ЛИМИТ

Практический эффект подкатегорий

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

Шаг 5. Настройте производителей

Настройки фильтра JoomShopping по производителям
  • Фильтр по производителям
    Включает или выключает блок производителей.
    ВКЛ / ВЫКЛ
  • Сортировка списка
    Определяет порядок названий производителей.
    СОРТИРОВКА
  • Лимит отображения checkbox
    Ограничивает количество видимых значений до раскрытия «Показать еще».
    ЛИМИТ

Шаг 6. Настройте характеристики

Настройки фильтра JoomShopping по характеристикам
  • Фильтр по характеристикам
    Включает или выключает характеристики в фильтре.
    ВКЛ / ВЫКЛ
  • Сортировка списка
    Определяет порядок показа характеристик.
    СОРТИРОВКА
  • Режим вывода
    Можно показать все доступные характеристики или выбрать только нужные.
    РЕЖИМ
  • Лимит отображения checkbox
    Ограничивает количество значений характеристики, видимых сразу.
    ЛИМИТ

Когда лучше выбирать только нужные характеристики

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

Шаг 7. Настройте атрибуты

Настройки фильтра JoomShopping по атрибутам
  • Фильтр по атрибутам
    Включает или выключает атрибуты в фильтре.
    ВКЛ / ВЫКЛ
  • Сортировка списка
    Определяет порядок отображения атрибутов.
    СОРТИРОВКА
  • Учитывать атрибуты в фильтре по цене
    Добавляет в расчет цены изменения, зависящие от атрибутов.
    ЦЕНА
  • Режим вывода
    Показать все доступные атрибуты или только выбранные.
    РЕЖИМ
  • Лимит отображения checkbox
    Ограничивает первоначальное количество значений в списке.
    ЛИМИТ

Нагрузка на сервер

Учет зависимых атрибутов при расчете цены точнее, но требует больше ресурсов. Если у товаров много атрибутов и комбинаций, проверьте скорость работы на реальном каталоге.

Зависимые атрибуты и остатки

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

Шаг 8. Другие параметры фильтра

Настройки фильтра JoomShopping по другим параметрам
  • Фильтр по наличию
    Позволяет отбирать товары по фактическому наличию.
    НАЛИЧИЕ
  • Фильтр по меткам
    Позволяет фильтровать товары по меткам, назначенным товарам. Также фильтр совместим с расширением «Расширенные метки товаров JoomShopping 5+», которое позволяет назначать одному товару несколько меток.
    МЕТКИ
  • Тип отображения метки
    Название, изображение или название вместе с изображением.
    МЕТКИ
  • Фильтр фото
    Отбор товаров с изображением или без него.
    ИЗОБРАЖЕНИЯ
  • Фильтр отзывов
    Отбор товаров, у которых есть отзывы.
    ОТЗЫВЫ
  • Порядок отображения на сайте
    Позволяет вручную менять последовательность блоков фильтра.
    ПОРЯДОК

Совместимость с расширенными метками

Фильтр совместим с расширением «Расширенные метки товаров JoomShopping 5+». Если это расширение установлено и товару назначено несколько меток, они могут использоваться в фильтрации.

Шаг 9. Проверьте порядок и лимиты

После настройки отдельных типов фильтров проверьте модуль на реальной категории. Порядок блоков должен соответствовать логике выбора покупателя, а длинные списки значений лучше ограничивать лимитом.
  • Вначале
    Самые важные параметры: например цена, категория, производитель.
    UX
  • Далее
    Характеристики и атрибуты, по которым покупатель уточняет выбор.
    UX
  • Ниже
    Второстепенные признаки: метки, изображения, отзывы и т. д.
    UX
  • Ліміт
    Не показывайте десятки значений сразу — используйте «Показать еще».
    UX

Шаг 10. Проверьте фильтрацию на сайте

Перейдите в категорию магазина и последовательно проверьте каждый включенный блок. Особое внимание уделите комбинациям нескольких параметров, цене, зависимым атрибутам и товарам из подкатегорий.
  • Одна опция
    Проверьте каждый тип фильтра отдельно.
    ТЕСТ
  • Несколько параметров
    Например производитель + характеристика + цена.
    ТЕСТ
  • Отмена
    Убедитесь, что параметры правильно удаляются через статус-бар.
    ТЕСТ
  • Мобильный вид
    Проверьте OffCanvas и удобство выбора на смартфоне.
    ТЕСТ
  • Поиск JoomShopping
    Проверьте работу фильтра на странице результатов поиска, если используете этот сценарий.
    ТЕСТ

Landing Page и готовые выборки

У фильтра есть два разных сценария работы с готовыми выборками: ссылка на уже отфильтрованные товары и отдельный пункт меню Landing Page. Это не одно и то же.
  • Поделиться отфильтрованными товарами
    Выберите нужные параметры в фильтре и скопируйте текущую ссылку. Она откроет ту же уже отфильтрованную выборку товаров.
    ПОСИЛАННЯ
  • Landing Page
    Создается отдельно как пункт меню Joomla для компонента фильтра. В параметрах пункта меню задаются нужные условия выборки.
    ПУНКТ МЕНЮ
Создание Landing Page фильтра JoomShopping как отдельного пункта меню Joomla
На скриншоте показано создание Landing Page как отдельного пункта меню. Это отличается от обычного копирования URL уже отфильтрованной страницы.

Когда что использовать

Копирование ссылки — когда нужно быстро поделиться уже отфильтрованными товарами. Landing Page — когда нужна постоянная отдельная страница магазина со своим пунктом меню и заранее заданными параметрами фильтра.

Шаблоны и кастомное расположение

Модуль имеет шаблонный принцип вывода, поэтому при необходимости можно создавать собственные макеты. Статус-бар также можно вывести в нужном месте шаблона через доступную переменную.

Для кастомного шаблона

Если изменяете стандартный макет, делайте override или отдельный шаблон модуля, чтобы обновление расширения не перезаписывало ваши изменения.

Типичные проблемы

  • Нет нужной опции
    Проверьте, назначены ли соответствующие характеристики/атрибуты товарам текущей выборки.
    ДАННЫЕ
  • Пустая выборка
    Сбросьте часть активных параметров через статус-бар и проверьте комбинацию условий.
    ФІЛЬТР
  • Не видно товаров подкатегорий
    Проверьте опцию фильтрации по подкатегориям.
    КАТЕГОРИИ
  • Цена отличается от ожидаемой
    Проверьте валюту, налоги, групповую скидку и учет цен атрибутов.
    ЦЕНА
  • Фильтр слишком длинный
    Уменьшите лимит отображения значений и измените порядок блоков.
    UX
  • На мобильном неудобно
    Используйте режим OffCanvas.
    MOBILE

Поддержка

Если фильтр работает не так, как ожидается, перед обращением в поддержку проверьте страницу, на которой установлен модуль, активные параметры фильтра, настройки категорий/атрибутов и пример товара, который должен попадать в выборку.
Краткий бриф

Расскажите о вашем проекте

Несколько ответов помогут понять задачу и оценить следующий шаг.

01. Задача
02. Детали
03. Контакты
Не нужно готовить полное техническое задание. Опишите задачу своими словами.

Обсудить интеграцию

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


Что нужно интегрировать?
Можно выбрать несколько вариантов.
Если документация публичная, добавьте ссылку. Это поможет быстрее оценить возможности интеграции.

Как должен работать обмен данными?
Например: получать остатки из CRM, передавать заказы с сайта или синхронизировать данные в обе стороны.
Какие данные нужно передавать?
Опишите желаемый сценарий работы. Технические термины необязательны.