Использование фильтров в OpenCart

Использование фильтров в OpenCart

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

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

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

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

Давайте перейдем к настройке.

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

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

Приступить к созданию

Создание новой группы фильтров и самих фильтров

Перейдите в панель администратора OpenCart и далее в Catalog > Filters. Чтобы открыть экран создания новой группы фильтров и самих фильтров, нажмите insert. Filter group name – заголовок. Используется для отличия фильтров, когда для отображения задано более одного фильтра. Заполните поля, как на рисунке ниже.

Как видите, мы создали группу фильтров Monitor Types и значения фильров LED, LCD и CRT. Для сохранения изменений кликните save.

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

Мы настроили группу фильтров и соответствующие фильтры. Теперь необходимо присвоить эти фильтры соответствующим категориям и товарам.

Присвоение фильтров категории

Сперва присвоим фильтры к определенной категории. Я предполагаю, что вы используете стандартные категории и данные товаров, которые идут вместе с установкой OpenCart.

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

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

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

Присвоение фильтров товарам

Теперь необходимо присвоить фильтры каждому товару, который необходимо фильтровать по критерию Monitor Types. Можно редактировать товары в категории monitors, так как мы уже настроили фильтры для этой категории в предыдущем разделе.

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

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

Приступить к созданию

Перейдите в Catalog > Products и отредактируйте товар Samsung SyncMaster 941BW. На вкладке links вы увидите поле filter. Выберите LED и сохраните товар.

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

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

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

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

В нашем примере модуль можно отобразить в макете category. Когда пользователь будет искать товары по категории, блок фильтров поможет отсортировать товары. Мы выбрали category в выпадающем списке layout и отобразим его в положении column left. Сохраните изменения по кнопке save.

Тестирование front end

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

Как видите, блок, действительно, хорошо смотрится и показывает опции фильтра, общее количество товаров в каждом фильтре. Выберите ДУВ и кликните Refine Search, чтобы отфильтровать товары.

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

Заключение

В этой статье мы узнали про одну удивительную функцию OpenCart – фильтры. Надеюсь, вам понравился урок, и вы почерпнули что-то полезное для себя по OpenCart. Оставляйте свои вопросы и комментарии ниже!

Автор: Sajal Soni

Источник: http://code.tutsplus.com/

Редакция: Команда webformyself.

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

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

Приступить к созданию
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

OpenCart: быстрый старт, первые результаты

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

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree