Create shop filters like demo theme

Hi,
I wanted to create attractive shop filters like shown in WoodMart demo themes, like color filter shown in the form of swatches. See the screenshot below.

When I try to apply filter on website, it does not apply.

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

You can add any widgets in Appearance > Widgets to the Shop page widget area.
Please find more detailed instructions:
https://xtemos.com/docs-topic/widgets-and-sidebars/

At the top of the shop page between breadcrumbs and product grid shop filter widgets may be enabled in the Theme Settings -> Product archive -> Shop filters.

If you have any questions feel free to contact us.

Best Regards.

Hi,

There is not many details on the article you shared. Also, It doesn’t show the color filter swatches like its showing in the Woodmart demo theme.

Why? and how to achieve it ?

Hello,

You need to add variable product and swatches then add in Appearance > Widgets.
Check this Manual:
https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards.

Hi,

All of the products in my store are variable products and they have image swatches and attributes properly setup already but it’s still not showing anything when I add color filter in the widgets.

Hello,

In order to show the sidebar on the Shop page, it is necessary to set “Right” or “Left” in the Theme Settings – > Shop – > Sidebar and Titles.
Please check this:
https://xtemos.com/docs-topic/widgets-and-sidebars/

If the issue remains, share the wp logins details i will further check on your site and give you a solution.

Best Regards.

am not facing any sidebar or filter bar issues, The thing am saying is when I add filters from the widgets, doesn’t matter if its sidebar or shop filter, the filters do not load on the frontend even though I configured everything properly from backend.

I have attached the login details below.

Hello,

Where do you want to add the filters? You want to add sidebar filters or add filters above the products.

Best Regards.

Right now, I want it above the products.

I have tried both but filters don’t show on the front-end on both sidebar and above the products.

Hello,

Your issue has been resolved. I have added the filters both in the sidebar and above the filters. Go to Appearance > Widgets > shop page widget area is for the shop sidebar filters and shop filters area is for the above of the products filters.

Here is a video guide:
https://youtu.be/nek0veu1u5c?si=PeswHz1-FGBYXTh7

Best Regards.

Fixed,
You can close this.
Thanks

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts