Как сделать динамический фильтр товаров?

Question

[Антон Середний]

Есть ИМ на вукомерце.На странице каталога есть фильтры: цвет, размер, категория, сезон и т.д.

Как фильтровать саму выборку товаров я знаю. не мооу понять как обновить сам фильтр слева ятобы он основываясь на текущем выборе пользователя подставлял ему для выбора только те варианты, которые вернут результат.



Например, пользователь выбрал в меню фильтра категорию куртки и размер М. Нужно чтобы кроме выборки товаров обновились и варианты выбора
других фильтров. Сейчас нам нужны куртки размера м, если в фильтре выбора сезона есть варианты, в которыж нет курток размера м, то чтоюы они скрывались.э и так по всем фильтрам.

Answer 1

[WordPress WooCommerce]

Это называется фасетный поиск. Можно пилить свое решение. Но при большом объеме товаров оно может убить весь сайт ввиду своей сложности вычислений.

Потому крупные сайты используют ElasticSearch или его тюнинговую версию Algolia https://community.algolia.com/wordpress/

В любом случае фасетный поиск - это технически сложная штука. Далеко не каждый программист способен правильно ее реализовать. Есть некие готовые плагины - но ни один из них на мой взгляд не идеален.

Потому в большинстве случаев я просто выдыхаю и работаю в рамках типовых механик. А там где бюджет позволяет - интегрируем с Algolia.

Answer 2

[gpk]

Может, у меня довольно геморная реализация, сам бы хотел рассмотреть другие варианты. Сложность в динамическом выводе количества товаров возле фильтров и включении/отключении соседних значений фильтров в случае, если при выбранной комбинации они становятся недоступными. У Вас есть IDы атрибутов и IDы их значений, а также поле товара, содержащее пары (IDы-атрибута)_(IDзначения). Загоняете это поле в индекс sphinx и после очередного выбора пользователем фильтра производите поиск по этому полю товаров с комбинациями, которые он выбрал, плюс (!!) пара (IDы-атрибута)_(IDзначения) для каждого значения невыбранного фильтра. Количество найденных товаров и будет соответствовать индексу, проставляемому возле невыбранного фильтра.

Comments

[Антон Середний]

вы один поняли суть проблемы. Правда я не совсем понял ваш ответ) можно как-то разжевать с минимальными таблицами и фото? сразу отмечаю как решение. Спасибо!

[gpk]

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

в одной таблице хранятся "заголовки" фильтров:
1 | диагональ
2 | память
3 | ёмкость
во второй таблице - значения и указания на "заголовки":
1 | 1 | До4"
1 | 2 | 4.1" - 4.5"
...
2 | 1 | <1ГБ
... и т.д.
в третьей таблице (или в таблице товаров) хранятся значения этих фильтров для конкретных товаров:
666 | Телефон Самсунг... 4,3" 2гБ | 1_2 2_3 ...
667 | Телефон Самсунг... 6" 3гБ | 1_5 2_4 ...
и т.д.
Когда пользователь выбирает фильтр 2_4, то есть ы группе под заголовком "Оперативная память" значение 4 строки - "3ГБ", то фильтры перезагружаются - вы ищите в БД все записи товаров, у которых имеется выбранный фильтр 2_4 и:
фильтр 1_1,
затем фильтр 1_2 и т.д., тем самым, вычисляя количества товаров, которые могут быть выведены пользователю если он на следующем шаге выберет тот или иной фильтр. Если такое количество == 0, то фильтр стает неактивным.
А для фильтров из-под заголовка, под которым уже выбрано хотя бы одно значение, нужно вычислять, сколько товаров добавится к имеющемуся множеству если пользователь расширит свой выбор, выбрав ещё одно значение:


Далее для ускорения в сфинксе строится индекс на подобии такого:

...
    sql_field_string    = filter
    sql_attr_uint       = param_id
    sql_attr_uint       = value_id

где param_id - ID заголовка фильтра,
value_id - ID значения, а
filter - то самое поле из БД, по которому будут искаться выбранные фильтры:

SELECT param_id, value_id, COUNT(*) AS cnt
      FROM filters
      WHERE MATCH('@filter 1_3 2_4')
      GROUP BY value_id

типо того... Но если Вы не используете этот поисковый демон в своём проекте, то песня может затянуться, с другой стороны, т.к. я других способов реализации не встречал, хотелось бы рассмотреть, как можно решить эту задачу иначе.

Answer 3

[Артур Карапетян]

https://www.youtube.com/watch?v=NRZkTqCLYVU Вот то что надо
По аналогии можно интегрировать в WP

Comments

[Антон Середний]

увы, тут показан сам процесс фильтрации. Но фильтр тут не динамический...