Перейти до основного вмісту

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

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

Де працює фільтр

Фільтр працює у контексті поточного списку товарів JoomShopping: на сторінках категорій, виробників, результатів пошуку та Landing Page. Він показує не всі можливі параметри магазину, а тільки ті значення категорій, виробників, характеристик, атрибутів, міток та інших параметрів, які реально призначені товарам у поточній вибірці.

Крок 1. Встановіть і опублікуйте модуль

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

Перед детальним налаштуванням

Спочатку переконайтеся, що модуль з’являється на потрібній сторінці JoomShopping. Після цього налаштовуйте окремі типи фільтрації.

Фільтр показує тільки релевантні параметри

Модуль не виводить усі характеристики, атрибути, виробників, мітки чи інші значення, які існують у магазині. Він формує набір фільтрів із параметрів, фактично призначених товарам у поточному місці: категорії, сторінці виробника, результатах пошуку або Landing Page. Тому покупець бачить тільки ті варіанти, за якими є що фільтрувати.

Крок 2. Загальні налаштування модуля

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

Тип виведення фільтра

Варіанти виведення фільтра: звичайна позиція та 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, передавати замовлення із сайту або синхронізувати дані в обидва боки.
Які дані потрібно передавати?
Опишіть бажаний сценарій роботи. Технічні терміни використовувати не обов’язково.