I am trying to:
Have Woocommerce filters work as expected. Sort by Material, Style, Color and/or Size
Link to a page where the issue can be seen:
hidden link
I expected to see:
The filters work as they should.
Instead, I got:
The page flashes as though the filter/s are being applied but the page does not change.
The URL does update, but the page contents does not.
I troubleshot the issue to being the Toolset plugins.
I applied a filter of COLOR - RED.
Nothing changed on the screen.
I then disabled all the plugins except for the Woocommerce, Toolset plugins and Fusion Plugins (from theme).
Refreshed and nothing changed.
I then disabled the Toolset plugins.
Refreshed and the page only showed the RED SHOE.
This leave the Toolset plugin being the issue.
Hello,
Thanks for the details, I can log into your website and see the problem.
Here are what I found, please edit layout "Layout for Product Archives":
hidden link
Row 5, you are using below custom shortcode:
[products columns="3"]
It conducts the problem, this shortcode will output the same result ignoring your custom filters.
I suggest you try to follow our document to add a WordPress archive cell in above layout, and customize it as what you want:
https://toolset.com/documentation/user-guides/layouts/wordpress-archive-cell/
Luo,
Thank you for the direction.
I did add a WordPress Archive and it worked.
It showed one show in one column and the filters worked. Now the questions is how to make it into three columns?
hidden link
I tried adding a VIEW and that did the three columns but the Filters didn't work.
I found these videos but didn't give me the answer I was looking for.
hidden link
hidden link
I little more direction should do it.
I look forward to hearing back soon.
Thanks,
You can follow our document to make it into three columns using bootstrap grid:
https://toolset.com/documentation/user-guides/views/view-layouts-101/#bootstrap
I've updated the SHOP page with a grid created using Bootstrap.
I've placed 4 columns that will shrink to 1 when in mobile view.
The issue of the filters not working is still present.
hidden link
What are your thoughts as to why the filters still not working?
As I mentioned above, you will need to add a WordPress archive cell into the layout for shop page, and customize the archive cell with bootstrap grid mode, I have setup a demo in your website, see the archive cell here:
hidden link
See the WordPress archive settings here:
hidden link
And for the problem: columns that will shrink to 1 when in mobile view
That is a feature of Bootstrap, see their document:
hidden link
If you don't want Bootstrap, you can edit the WordPress archive, and switch to other layout mode, for example Table grid mode. see the document I mentioned above:
https://toolset.com/documentation/user-guides/views/view-layouts-101/
My issue is resolved now. Thank you!
