How to hide the featured image in woocommerce category page

tacticadigital · November 2018

Hi,

I've installed woocommerce and all the categories and products page generated automatically show a picture in the beginning of the page. I could hide it in pages deleting the featured image editing the page. However, in these pages generated automatically (woocommerce categories, products, i.e) I can't do it. I tried to do it within the Betheme options, but unfortunately I couldn't manage to hide it.

Could you tell me how can I hide the featured image so that it doesn't appear in all automatic generated pages?

Thank you!

Pablo · November 2018

Hi,

It can be disabled with Custom CSS.

If you don't know how to do it, please send me a link to this website.

Thanks

tacticadigital · November 2018

Hi!

https://www.comdibal.es/product-category/mangueras-cableados/

Thank you!

Pablo · November 2018

Your website is under construction mode.

Please send here the password to your website.

Thanks

tacticadigital · November 2018

oh yes, sorry... comdibal007

tacticadigital · December 2018

Hello? Could you enter at last? Thank you!

Pablo · December 2018

Our support work time can be found here:

https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048/support

http://prntscr.com/lq02le

Also, please paste this CSS into Theme Options > Custom CSS & JS > CSS

Is this what you were asking for?

.product_image_wrapper{
	display:none !important;
}

.summary{
	float:left !important;
	width:100% !important;
}

Thanks

tacticadigital · December 2018

Hi, I pasted it and nothing happened.

I just want to hide the background image that appears automatically in the Woocommerce pages such as categories, products, and so on.

For instance, if you go to

https://www.comdibal.es/product-category/mangueras-cableados/

You'll see there's a background image of some people behind the category title: "Mangueras y cableados". I want to hide that image. I can do it with common pages, just without selecting any main picture, but with the shop pages it always appears that image I can't hide it.

Thank you

tacticadigital · December 2018

I just found how to do it in theme options, header.

thank you anyway for your time and help!!!

Pablo · December 2018

Is there anything else I can help you with?

Thanks

tacticadigital · December 2018

Hi, yes, I'm still interested on how to solve the first question. I just on to hide the header image in certain pages such us woocommerce categories:

For instance, if you go to

https://www.comdibal.es/product-category/mangueras-cableados/

You'll see there's a background image of some people behind the category title: "Mangueras y cableados". I want to hide that image. I can do it with common pages, just without selecting any main picture, but with the shop pages it always appears that image I can't hide it.

I pasted the code you gave me in the CSS options in theme menu, but it's still showing that background image. Thank you!

Pablo · December 2018

Hi,
It's the subheader.

You can hide it, please edit the main page of the shop, and on the bottom of this page, you'll find the "Subheader | Hide" option.

Turn it ON.

http://prntscr.com/lszhc6

Thanks

tacticadigital · December 2018

I know to do it in pages. The problem is that I want to hide it in the woocomerce category pages and they don't show this button...

https://www.comdibal.es/product-category/mangueras-cableados/

Thank you

Pablo · December 2018

To remove it only on one category, then you have to use the code below, but fill the '[cat-name]' field.

body.[cat-name] #Subheader{
	display:none !important;
}

What should you paste there?
It's simple, please click the right mouse button on your website and inspect it.
Then, find the body tag and look for term-something tag, in my case it's shirts(because the category is named like this)

https://i.imgur.com/WUTlrSH.png

So, in my case it will look like:

body.term-shirts #Subheader{
	display:none !important;
}

Do you understand it?

Thanks

tacticadigital · December 2018

Hi, Pablo,

Where should I insert this code?

Thank you!

Pablo · December 2018

Into the Theme Options > Custom CSS & JS > CSS

Thanks

tacticadigital · December 2018

Hi, but as I asked you I just want to hide it in some particular pages, such as woocommerce category and product pages i.e., not in all pages.

Is that not possible?

Thank you

Pablo · December 2018

Sorry, I fixed the code above.

Also, I have added the instruction how to disable it on single categories.

Thanks

How to hide the featured image in woocommerce category page

Comments