#community-help

Using Hierarchical Menu for Filtering in InstantSearch Vue Component

TLDR Sanjay needed help on filtering product data by hierarchy in InstantSearch Vue. Jason suggested using the hierarchical menu widget and provided the needed data format.

Powered by Struct AI
3
14mo
Solved
Join the chat
Aug 21, 2022 (14 months ago)
Sanjay
Photo of md5-09ffafb70fe5de5719d9e2002df44d61
Sanjay
10:16 AM
Hi, I am using instantsearch vue component in the frontend UI . I have a particular use case to achieve. Please guide me how that could be achieved.
I have a product data and hierarchical category. I have already achieved normal search by facets such as category , brand, price and rating. However my requirment is as:
Category Data:
Clothes
      ->Mens Clothing
        -> Tshirt
        -> Pant
      -> Womens Clothing
         -> Tops
         -> Ladies pant

Taking the example of above hierarchal category. I would like filter the product by category. eg. (Mens Clothing) then I would only like to see Tshirt and Pant in the category facets ie the children categories of Mens Clothing only.
Let me know How can I achieve such.
Jason
Photo of md5-8813087cccc512313602b6d9f9ece19f
Jason
01:02 PM
01:03
Jason
01:03 PM