Hide category names but show product names

Resolved pelgrimrat
(@pelgrimrat)

8 years, 3 months ago
Dear support forum,

I am using Woocommerce for quite a while now. Love it!
Also using several paid plugins which are working really well.

I would like to hide the category titles/names on this page:
http://www.playtoday.nl/webwinkel/
So that only the category images are showing.

On top of that, I want the product names to STAY.

I have tried
```
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
display: none;
}
```
But this deleted the product names as well as the category names.

Any help will be much appreciated!

website: http://www.playtoday.nl

https://wordpress.org/plugins/woocommerce/

Viewing 8 replies - 1 through 8 (of 8 total)

MauroF3rra
(@maurof3rra)

8 years, 3 months ago
Hi,
I think I didn’t understand your problem, but if you want to remove the category on the product page, here’s the code
```
.summary .product_meta {
display: none;
}
```
Hope it’s the right answer
Thread Starter pelgrimrat
(@pelgrimrat)

8 years, 3 months ago

Hello MauroF3rra,

Thank you so much for your quick reply!

I tried your code but nothing changed.

I will try to make my issue more clear. On this page:
http://www.playtoday.nl/webwinkel/
you see pictures of all main LEGO categories. Under those pictures are the names of the categories.

I would like to HIDE those names on that page. So only the category images are showing.

Is this possible?
Thanks in advance!

csquared89
(@csquared89)

8 years, 3 months ago

li.product-category.product h3 {
display: none;
}

csquared89
(@csquared89)

8 years, 3 months ago

that needs to be revised, it should be:

ul.products li.product-category.product h3 {
display: none;
}

Thread Starter pelgrimrat
(@pelgrimrat)

8 years, 3 months ago

Great! That’s it!

Thank you so much, csquared89!

I have to change some more category images before I will apply it.

Thanks again!

lhynn2172
(@lhynn2172)

7 years, 8 months ago

Hi Pelgrimrat,

I’m having the same issue. where exactly do i put the code

ul.products li.product-category.product h3 {
display: none;
}

?

Thank you.

Thread Starter pelgrimrat
(@pelgrimrat)

7 years, 8 months ago

Hi lhynn2172,

The code should be added to the style.css file located in your child theme folder.

It’s very important to create a child theme before you make any changes.

More info on creating a child theme:

https://codex.wordpress.org/Child_Themes

lhynn2172
(@lhynn2172)

7 years, 8 months ago

Hello Pelgrimrat,

Thank you for your quick reply.
I’m using the Flatsome theme and I added the code in style.ccs but didn’t work.