Hiding the tags and categories in shop page?

Hey Gang,

I’m trying to hide the tags and product category on my shop page in my website and I cannot find a way.

Basically I want categories to show only when a customer clicks on the product itself. I want the design to be similar to the shop page in the demo website for Sydney Pro.


Hello Jonan,

I’m not sure what exactly you want to achieve, can you please provide some explanatory screenshots and a link to your website?

Kind Regards, Roman.

Yes here is the link: https://hollywoodheroesstore.com/store/
Sadly I’m not near my computer but I took a screenshot from my phone. I want to hide the tags on the store page but not on the singular product page. Just like the shop page in the sydney pro demo.

On the computer the tags look rather ununiform.
Thanks! Jonan

Hello Jonan, you can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

.post-type-archive-product ul.products li.product .categories {
    display: none;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


Thanks very much! My website looks a lot better now.

Thanks, Jonan.

Great! You are welcome Jonan! :slight_smile:

Kind Regards, Roman.