Product Filters

This topic has 5 replies, 2 voices, and was last updated 7 years ago by Elise Noromit.

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

Author

Posts
June 23, 2019 at 4:55 pm #129719

websitedesigner78
Participant

Hi there,

I saw another website using the same theme (Basel & Co) and I would like to add product filters like the picture below.

Please advise how can I add it like the picture below and how can I choose which products to display when I click on a filter type.

Also please do not mention the website as for some reason, it indexes this page.

Thanks for always helping.

Kind Regards.

Attachments:
You must be logged in to view attached files.

June 24, 2019 at 7:37 am #129752

Elise Noromit
Member

Hello,

You can configure the filters in Appearance > Widgets > Shop page widget area. You need to set the drop-down view for the filters in the widget. http://prntscr.com/o5um0j

Best Regards

June 26, 2019 at 2:11 pm #130210

websitedesigner78
Participant

Hi there,

Thanks for your help.

How do I link specific products to the filter?

Kind Regards.

June 26, 2019 at 4:30 pm #130230

Elise Noromit
Member

Hello,

Variable products have attributes which are filtered. A variable product is a product which has more than one option in attributes, for example, color, size, material. Instruction on how to create an attribute: https://docs.woocommerce.com/document/managing-product-taxonomies/ as soon as the necessary attributes are available, a variable product can be created https://docs.woocommerce.com/document/variable-product/

Best Regards

June 26, 2019 at 5:02 pm #130236

websitedesigner78
Participant

Thanks, how do I add the filters to the left hand side of the shop page instead of opening the filters on the top?

June 26, 2019 at 5:23 pm #130239

Elise Noromit
Member

Hello,

1. Set the sidebar for the shop page in the Theme Settings > Shop > Sidebar and Titles

2. Add the filter widgets to the Shop page widget area in Appearance > Widgets

Best Regards
Author

Posts