Whew! WooCommerce is wearing me out!
I’ve created a WooCommerce Product Category and two child categories and the thumbnail used for the Parent Category is showing at the top of the sub-category page as well as at the top of the Products page. Of course if I remove the thumbnail from the Parent Category it goes away but then there’s no thumbnail on the Shop page for it either. How can I make it appear as a category image but not on the other pages?
Have I made that clear as mud?
I’ve attached a screenshot of what I’m talking about.
Thanks!
Hi,
You can use this on your custom.css or Quick CSS
.tax-product_cat .page-thumb {
display: none;
}
You can be more specific and remove it on certain product category only. For example, you have a category called “CSS”, use this:
.term-css .page-thumb {
display: none;
}
Regards,
Ismael
Thanks Ismael! I chose to use the category specific version you provided. Works like a charm!
By the way, if I want to exclude the images from certain product categories and I have several categories is the following the correct way to put it in my custom.css file or is there a cleaner way to do it?
.term-css .page-thumb, .term-css2 .page-thumb, .term-css3 .page-thumb, .term-css4 .page-thumb {
display: none;
)
Yes that is correct. Typically you can make your life easier by structuring it like this in your css file:
.term-css .page-thumb,
.term-css2 .page-thumb,
.term-css3 .page-thumb,
.term-css4 .page-thumb {
display: none;
)
Just a bit easier to quick read and add new lines to :)
Regards,
Devin