Woocommerce Sidebar - how to filter with color icons
Hi,
How would I achieve the sidebar filter by color to show the actual color buttons for filtering instead of color names? Similar to buttons that appear on the Single Product Page. Attached is image how it's currently looking.
Also, how to make the attributes font size smaller? Is there a setting or just CSS?
Comments
Hi,
Please, see the following video tutorials:
https://support.muffingroup.com/video-tutorials/how-to-set-up-off-canvas-sidebar-for-shop/
https://support.muffingroup.com/video-tutorials/how-to-use-woocommerce-attribute-swatches/
Thanks
Hi
Sorry but I cannot find helpful info from these. In my case the size icons won't show like that (L, M, XL etc) and the colors show up also as names instead of swatches in the sidebar filter by attribute widget.
Where am I stuck to get it properly done?
You need to change your attribute types.
Go to Products -> Attributes, edit your attributes, and change the Display Type.
Best regards
I have it set as Color. It works nicely on Single Product page but not on Shop page.
Can you explain that greater, please?
Also, please attach a link to your website.
Thanks
You should have the Admin access details for lets-customize.com in your mail that I sent a few days ago. I can send again if needed. The site is in Maintenance Mode.
I currently see both the colors and product size attributes in Sidebar on Shop page as a list of their names. However, I'd prefer to have something similar to what you have in your demo video. Please see both attached images. I want to achieve that I have sort of icons for clothing sizes S, M, L etc and also icons for color swatches that you can use to filter the items on Shop page. I don't like that colors are as names Beige, Black etc.
Current situation:
I want to have:
You need to use Be Shop Attributes widget.
Best regards
Got it, perfect! Didn't find that widget initially at all. Thank you.