WooCommerce Filters

Hello,

We have some questions about the Woodmart WooCommerce Product Filter and are hoping you can help.

– We would like our WooCommerce product filter to be above the products (not in a sidebar).
– We would like our WooCommerce product filters to be dropdown menus
– We would like them to be auto-submit / AJAX.
– We would like this filter to be visible on EVERY shop page, except for individual product pages.

Is there a way to accomplish this within the Woodmart Theme? Or is there a way to do something similar? Or can you recommend a solution?

I’ve attached an example for your reference.

Thank you for your time and assistance.

Attachments:

You must be logged in to view attached files.

Hello,

Please enable the filters in the top of the shopping page: https://prnt.sc/qglwvm

Then add the widgets to the Shop filters area https://prnt.sc/qglx58

Add Woodmart Woocomerce layered nav filters and chose “Dropdown” https://prnt.sc/qglxu7

Shop page, as well as all the categories pages, would have the view and functionality you describe

Best Regards

Thank you.

How do we hide the default ‘SORT BY’ and ‘PRICE FILTER’? (see screenshot)

How do we remove the ‘APPLY’ button for the dropdowns? We would like these to auto-submit once a variable is selected.

Thanks again.

Attachments:

You must be logged in to view attached files.

Hello,

As soon as you enable the filter in the Theme Settings, you will find Shop filters content type, you need to set “Custom content”

Best Regards

When I enable ‘CUSTOM CONTENT’ it disables ‘WIDGETS’…

How do I get the drop-down widget-based filters within ‘CUSTOM CONTENT’?

Thank you for your time and assistance

Hi. I was able to figure it out. I used the HTML Blocks and Filter Attributes.

I do have two additional questions…

1) Is there a way for the filters to auto-submit without having to push the ‘FILTER’ button?

2) How do we remove the sort by dropdown? ‘

Screenshots attached. Thank you

Attachments:

You must be logged in to view attached files.

I figured out the answer to Question #2… How do we remove the sort by dropdown?

I added the following lines to Global Custom CS

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
display: none;
}

Hello,

Yes, the sort by dropdown is removed by means of custom CSS.

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-ordering {
    display: none;
}

Best Regards

[Author]

Posts