Jump to content

Пример настройки фильтров с множественным выбором: чекбокс, multidropdown!


support

Recommended Posts

support

Я создал Категорию.

Внутри категории создал 2 товара.

Товар 1

Товар 2

 

В Админке - Каталог - Спецификации создал группу, прицепил группу к категории Категория.

Screenshot from 2020-04-03 21-27-11.png

Внутри группы создал папку Ароматы

Screenshot from 2020-04-03 21-27-14.png

В папке Ароматы есть две иконки - жёлтая и синяя папки.

Спецификации и фильтры.

Вот как выглядит внутри жёлтая папка фильтры - 

Screenshot from 2020-04-03 21-29-10.png

Вот как синяя спецификации - 

Screenshot from 2020-04-03 21-29-16.png

Всё идентично.

 

Теперь просто пошёл в админке отредактировал Товар 1 и Товар 2, отметив "птичками" ароматы.

Screenshot from 2020-04-03 21-35-38.png

Screenshot from 2020-04-03 21-50-37.png

Всё, теперь в каталоге выглядят фильтры вот так:

Screenshot from 2020-04-03 21-31-17.png

фильтры работают:

Screenshot from 2020-04-03 21-31-23.pngScreenshot from 2020-04-03 21-31-27.png

и вот всё выводится на странице карточки товара, т.е. у одного товара отметил 1 аромат, у другого 2 аромата.

Всё правильно выводится.

 

Screenshot from 2020-04-03 21-32-29.png

Screenshot from 2020-04-03 21-32-33.png

 

Вот вывод в каталоге мультидропдаун:

Screenshot from 2020-04-03 22-01-59.png

Screenshot from 2020-04-03 22-00-18.png

Тоже всё работает.

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

Вот как выглядит редактирование товара с уже выбранными спецификациями через multidropdown:

 

Screenshot from 2020-04-04 00-02-06.png

Screenshot from 2020-04-04 00-02-16.png

А вот как выбираются спецификации через multidropdown если у товара до этого не были заданы спецификации:

Screenshot from 2020-04-04 00-02-27.png

Screenshot from 2020-04-04 00-02-28.png

 

 

 

Link to post
Share on other sites
  • support changed the title to Пример настройки фильтров с множественным выбором: чекбокс, multidropdown!
×
×
  • Create New...