Category icon over product image (woocommerce)

Category icon over product image (woocommerce)


This might be a little bit tricky and I’m far from an expert at CSS so I might need things spelling out a bit. I have a woocommerce shop page and I’d like to place an image over the top of the product image.

The image I’d like to use is the thumbnail attached to the relevant product category. There are a few different product categories each of which contain certain products. Depending on the product, it needs to take the category image from the category it is associated with and display it over the product image on the shop page.

Hope that makes sense and that it’s not too complicated. If it’s something that’s not possible for someone at my level please let me know too so I don’t spend too much time on this.

Thank you!