Filters by Attribute
Is there a small piece of code which I can drop in for the filter by an attribute which would only show the available attributes for the category I'm viewing in?
For example, in this screenshot, I am in my store looking at the handbags category, which is showing all the attributes on the system rather than the ones available in that category.
Likewise, I have a filter by occasion and a filter by size showing all but some are not available in that category.
Mant Thanks in advance
Chris
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
Hi Phil
Apologies missed that off the website is www.lappella.com and the page displayed is https://lappella.com/product-category/handbags/
Many Thanks Chris
You can use CSS code like this one:
.term-handbags .tooltip[data-tooltip="Trade Pack"]{ display: none!important; }The first class indicates the category in which you are currently.
Later you inspect the element which you want to hide and copy the data-tooltip name.
Best regards
Hi thanks for that although that's not exactly what I meant.
For example if you go to bucket bags: https://lappella.com/product-category/handbags/bucketbags/
There are only 2 options available a black and a tan yet all the colours are displayed. So what I mean is using Bucket Bags as an example is if only Black and Tan are available in that category. Then it would only display Black and Tan swatches to allow you to filter.
Best Regards
Chris 😀
Do you mean this display?:
If yes, it can be done with the CSS I posted above, or by this one:
.term-bucketbags #widget_mfn_woo_attributes-6 .tooltip:not([data-tooltip="Black"]):not([data-tooltip="Tan"]){ display: none!important; }Best regards