And inside the Filter block, I put a Swatch block in there, and the Attribute I select ‘Colour’
I’m sure all the query ID are matched, and still nothing is rendering, either the color selection in filter, or my products in the query.
@Araminta Also if there are any documentation on setting up the filters for WooCommerce product catalog in general? For example now I don’t know how to setup the price range filter properly either. A documentation or a video tutorial will be great
Sorry to hear you’re still experiencing trouble with this, @lukelee.
I’ll try to record a short video as soon as I have some free time.
However, I suggest you to take a look at our docs, as it goes over how to set up a colour swatch.
You should be able to find all the necessary information on our docs here.
@Araminta so the doc you provided is building a single product template, is this the same as building the Frontend rendering filter at Product catalog?
The color swatch works on my single product template, but when I try to create a frontend rendering filter, it just doesn’t show anything and I don’t know how to set things up properly.
Just some update: I removed the Swatch block inside of my filter, and now the color filter works in my product catalog. Now I just don’t know how to apply colors to all my filter buttons? As you can see from my last reply’s screenshot, it does render these buttons that shows all my colors in my color attributes with sytle=“–cc-wac:#xxxxxx”. Currently I just put a div inside of my filter block, but don’t see a way to set a dynamic background color to get all of my attribute color codes?
@StrangeTech this literally saved my day! I was very close that I put --cc-wac in my background of the div, didn’t know that we should wrap it with var().
Appreciated the video! I was looking for this one too just didn’t find it.
@Louis unfortunately some videos seem to have been removed? I remember a video from you going through many WooCommerce features that I can’t find on the YT channel anymore. I assume the link from @StrangeTech was referring to it.