Використання фільтрів в OpenCart

28

Від автора: давайте насамперед розглянемо концепцію того, для чого потрібні в OpenCart фільтри. В звичайному магазині ви можете знайти функцію «Розширений пошук», за допомогою якої користувачі можуть фільтрувати товари за вподобанням. Але іноді необхідно згрупувати різних типів, навіть якщо вони знаходяться в різних категоріях. Або як варіант, можна присвоїти тег певним товарам, щоб легше знаходити їх на front end.

На реальному прикладі буде легше зрозуміти. Давайте розберемо приклад. Наприклад, у вас є підкатегорія «монітори», яка знаходиться всередині головної категорії «компоненти». Вам потрібно розбити монітори на «LED», «LCD» і «CRT».

Перше що приходить в голову – створити ще один рівень категорій всередині моніторів. Однак замість цього можна використовувати фільтри в OpenCart. Новий рівень ускладнить все.

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

Давайте перейдемо до налаштування.

Використання фільтрів в OpenCart

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення

Створення нової групи фільтрів і самих фільтрів

Перейдіть в панель адміністратора OpenCart і далі в Catalog > Filters. Щоб відкрити екран створення нової групи фільтрів і самих фільтрів, натисніть insert. Filter group name – заголовок. Використовується для відмінності фільтрів, коли для відображення задано більше одного фільтра. Заповніть поля, як на малюнку нижче.

Використання фільтрів в OpenCart

Як бачите, ми створили групу фільтрів Monitor Types і значення фільр LED, LCD і CRT. Для збереження змін натисніть save.

Присвоєння фільтрів категоріями товарів

Ми налаштували групу фільтрів і відповідні фільтри. Тепер необхідно привласнити ці фільтри відповідним категоріям і товарів.

Присвоєння фільтрів категорії

Спершу присвоїмо фільтри до певної категорії. Я припускаю, що ви використовуєте стандартні категорії та дані товарів, які йдуть разом з установкою OpenCart.

Перейдіть до категорії Monitors. Далі в Catalog > Categories, відредагуйте підкатегорію Monitors, яка знаходиться в головній категорії Components. Перейдіть на вкладку data. Крім поля filters там є й інші поля.

Використання фільтрів в OpenCart

Filters – поле з автокомплитером. Можна вибрати значення, ввівши лише кілька букв. У нашому прикладі потрібно вибрати значення фільтра LED, LCD і CRT. Для збереження натисніть save.

Таким чином, коли блок filters буде відображатися на сторінці категорії monitors, там будуть показані всі три опції, які ми обрали в поле filters на вкладці data.

Присвоєння фільтрів товарів

Тепер необхідно присвоїти фільтри кожному товару, який необхідно фільтрувати за критерієм Monitor Types. Можна редагувати товари в категорії monitors, так як ми вже налаштували фільтри для цієї категорії в попередньому розділі.

Використання фільтрів в OpenCart

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення

Перейдіть в Catalog > Products і відредагуйте товар Samsung SyncMaster 941BW. На вкладці links ви побачите поле filter. Виберіть LED і збережіть товар.

Використання фільтрів в OpenCart

Таким же чином призначте LCD товару Apple Cinema 30. Тепер у нас є 2 товару з різними значеннями фільтра. На один товар можна призначити більше одного фільтра при необхідності. Ми не станемо цього робити для спрощення.

Включення модуля фільтрів

Майже закінчили налаштування! Залишилося лише активувати модуль фільтрів і призначити його на відповідний макет front end. Перейдіть в Extensions > Modules та встановіть модуль filter.

Використання фільтрів в OpenCart

Після встановлення модуля filter натисніть edit, щоб відкрити сторінку налаштувань. Додайте новий рядок по кнопці add module та виберіть опції, як на малюнку нижче.

Використання фільтрів в OpenCart

У нашому прикладі модуль можна відобразити в макеті category. Коли користувач буде шукати товари з категорії, блок фільтрів допоможе відсортувати товари. Ми вибрали category у випадаючому списку layout і відобразимо його в положенні left column. Збережіть зміни по кнопці save.

Тестування front end

Пора побачити все в дії. Перейдіть на front end і виберіть Components > Monitors (2), щоб відобразити товари в категорії monitors. Має відобразитися блок Refine Search в сайдбарі. Круто, правда?

Використання фільтрів в OpenCart

Як бачите, блок, дійсно, добре виглядає і показує опції фільтра, загальна кількість товарів у кожному фільтрі. Виберіть ДУВ і натисніть Refine Search, щоб відфільтрувати товари.

Якщо ви чули про Faceted Search, інтерфейс дуже схожий на нього. Таким чином, можна налаштувати ще більше груп фільтрів і просто фільтрів, щоб заповнити форму точного пошуку!

Висновок

У цій статті ми дізналися про одну дивовижну функцію OpenCart – фільтри. Сподіваюся, вам сподобався урок, і ви почерпнули щось корисне для себе з OpenCart. Залишайте свої запитання та коментарі нижче!

Використання фільтрів в OpenCart

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення