Создание интернет-магазина на OpenCart: Настройка фильтров

Ромчик
0

Создание интернет-магазина на OpenCart: Настройка категорий – создание, редактирование и удаление

Доброго времени суток. Мы продолжаем изучать OpenCart, создавая интернет-магазин. Так в прошлой статье «Создание интернет-магазина на OpenCart: Настройка периодичной оплаты» мы с вами рассмотрели настройку периодичной оплаты. А в этой статье остановимся на настройках фильтров.

Любой современный интернет магазин должен предоставлять пользователю удобный поиск товаров. И OpenCart не исключение. Для поиска товаров в OpenCart используются фильтры. Давайте создадим фильтр и привяжем его товарам.

Переходим в админку и проходим авторизацию. Дальше переходим «Каталог»->«Фильтры»

Меню фильтры в OpenCart

И попадаем на страницу со списком всех доступных фильтров.

Страница со списком фильтров

Где мы можем:

  • Создать новый фильтр
  • Удалить существующий
  • Отредактировать существующий

Удаление фильтра OpenCart

Для того, чтобы удалить фильтр необходимо выделить фильтр, который хотим удалить (или несколько фильтров) и нажать «удалить»

Удаление фильтров в OpenCart

Добавление нового фильтра OpenCart

Сейчас в моем магазине есть категория «Мониторы» и в ней два монитора Apple Cinema 30″ и Samsung SyncMaster 941BW. У этих мониторов различная диагональ дисплеев. У Apple – 30″, а у Samsung – 19″.

Давайте создадим фильтр по размеру дисплеев.

Для того, чтобы создать новый фильтр необходимо нажать «Добавить»

Добавление нового фильтра

И в открывшемся окне:

  • Добавить «Название группы», в нашем случае «Диагональ дисплея»
  • Добавить фильтр, для этого нажать «Добавить фильтр» и указать название фильтра. Я добавил фильтр «19″».
  • После ввода всех данных нажать «Сохранить»

Добавление параметров нового фильтра

Отлично, фильтр добавлен.

Редактирование фильтра OpenCart

Мы с вами создали группу фильтров «Диагональ дисплея» в которую добавили фильтр «19″», но у нас есть монитор с диагональю дисплея и 30″. Давайте отредактируем нашу группу и добавим к ней еще один фильтр «30″»

Для того, чтобы отредактировать группу фильтров необходимо напротив нее нажать «Редактировать»

Редактирование фильтра

Давайте добавим к группе фильтров еще один фильтр «30″»

Редактирование параметров фильтра в OpenCart

Сохраняем.

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

Привязка фильтра к товару OpenCart

Для того, чтобы привязать фильтр к товару переходим «Каталог»->«Товары» и редактируем необходимый товар. В моем случае это «Apple Cinema 30″». Переходим во вкладку «Связи» и в поле «Фильтры» добавляем необходимые фильтры.

Фильтры добавляются автодополнением.

Добавляем те фильтры при выборе, которых будет показан наш товар.

В нашем случае это «30″».

Связь фильтра с товаром

Аналогично делаем и для «Samsung SyncMaster 941BW» только привязываем фильтр «19″».

Как работать с товарами я описал в статье «Создание интернет-магазина на OpenCart: Настройка товаров».

Фильтры связали с товарами. Осталось теперь только отобразить фильтр.

Показ фильтра в OpenCart

Давайте наш фильтр будем показывать на странице категории «Мониторы». Для этого переходим «Каталог»->«Категории» и открываем  категорию «Мониторы» для редактирования. Переходим  во вкладку «Данные» и в поле «Фильтры» добавляем наши фильтры:

Привязка фильтров к категории

Работу с категориями я описал в статье «Создание интернет-магазина на OpenCart: Настройка категорий – создание, редактирование и удаление»

Теперь нам надо указать где мы будем показывать фильтр. Для этого переходим «Дизайн»->«Схемы». Выбираем макет «Категория» и жмем редактировать:

Редактирование схемы

Разместим наш фильтр в левой колонке. Для этого в левой колонке выбираем «Фильтр» и жмем «Добавить». Сохраняем.

Указываем место для вывода фильтра

Проверяем. Переходим в категорию «Мониторы» и видим:

Пример работы фильтров в OpenCart

Теперь при выборе соответствующего фильтра будет отображен монитор, удовлетворяющий фильтру.

Заключение.

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

В следующей статье мы рассмотрим, что такое атрибуты и как работать с ними.

Чтобы не пропустить выхода новых статей подписываемя: VK, twitter, facebook. И канал на youtube
Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger
©2012-2017 По всем вопросам обращайтесь через форму обратной связи

Яндекс.Метрика