Dependent Dropdown Filter for Attributes (Make > Model)

Resolved Nik S.
(@nikulv)

10 months, 4 weeks ago
Hi WBW Team,

I’m using the WBW Product Filter plugin and would like to set up dependent dropdown filters using WooCommerce product attributes. Here’s the setup I’m aiming for:

I have two product attributes:
- Make: e.g. Audi, BMW, Toyota
- Model: e.g. A1, A2, B1, B2, T1, T2
  
  What I want:
  
  – First dropdown shows all available Make options (e.g., Audi, BMW, Toyota).
  – When a user selects a Make (e.g., Audi), the second dropdown should update dynamically to show only the models for that make (e.g., A1, A2).
  – Then the user can filter products based on the selected Make and its specific Model.
  
  But currently, both dropdowns show all values, regardless of the selection in the first one.
  
  So, is it possible to create dependent filters between attributes using WBW (Make > Model)?
  
  Thanks.
- This topic was modified 10 months, 4 weeks ago by Nik S..

Viewing 6 replies - 1 through 6 (of 6 total)

Thread Starter Nik S.
(@nikulv)

10 months, 3 weeks ago

Any response?

Plugin Support tahawbw
(@tahawbw)

10 months, 2 weeks ago

Hi Nik,

I hope you’re doing well. Apologies for the delayed response to your issue.

Yes, the setup you described should work by default — as long as the attributes are correctly assigned to the products. For example, if you select Audi as the “Make” and you’ve assigned only A1 and A2 as models under Audi, then selecting Audi from the filter should only display those specific models (A1, A2) in the next filter.

I’ve replicated the same setup in a clean testing environment, and it works as expected. You can check the result here.

Please double-check your product attribute assignments to ensure they’re set correctly. If the filter doesn’t behave the same way on your end, try a simplified setup to test the behavior.

If you still face issues, feel free to share more details and I’ll be happy to take another look.

Best regards,
Thread Starter Nik S.
(@nikulv)

10 months, 2 weeks ago
Hi WBW Team,

I followed the video tutorial where you click on the filter button, and then the related attribute options appear. However, I want the behavior to be slightly different.

Specifically, I would like it so that when a user selects an option from the dropdown menu, the related attribute (another dropdown) appears automatically—without needing to click the filter button. The filter button should only be used to apply the final filter after all options are selected.

Also, I noticed that the filter works correctly only on the shop page. I set everything up exactly as shown in the video. But when I try to use the same filter as a shortcode on the homepage, none of the attributes are displayed. I believe this is because the products are only queried on the shop page, so the filter shows related attributes there. However, I would like the filter to display and work properly on the homepage as well.

Sortcode: [wpf-filters id=2]

See this example screenshot: https://prnt.sc/-PujmmCC9rVu
See this example site: https://aero-theme.myshopify.com/

Is there a way to make this possible?

Thank you.
- This reply was modified 10 months, 2 weeks ago by Nik S..
Thread Starter Nik S.
(@nikulv)

10 months, 2 weeks ago

Any replay?

Plugin Support tahawbw
(@tahawbw)

10 months ago

Hi @nikulv,

I hope you’re doing well. Please accept my apologies for the delayed response.

I understand your request—you’ll need to enable the Filter Synchronization option from Options → Content, and set the buttons to Filter Button, and enable the Automatically Update the Filter option next to it. I’ve recorded another video showing this process:
https://mega.nz/file/3MYmDQaJ#loaTzh8upkc9BpveJ5NLZv7CEMja-N8ZLFuorXfut-I

Regarding the shortcode, please make sure to select the page where you want the filter to appear from the Display On Pages dropdown menu.

I hope this helps—let me know if you need any further assistance.

Thread Starter Nik S.
(@nikulv)

10 months ago

Ok Thanks

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Dependent Dropdown Filter for Attributes (Make > Model)’ is closed to new replies.