Remove HERO on the product category page

[Iqbal Ilias]

Hi, I am wondering on how to remove the HERO section on the product category page? I know that is the photo taken from the category thumbnail. I have checked the slides but there is no active slides for that page. Hope can get hear from you soon.

Cheers.

[Bill Robbins]

Great question. It’s actually the presence of a category image that causes the hero section to be displayed on a product category. If you’ll remove the image, that should also cause the hero section to not be shown.

If you have any trouble, let me know.

Have a great week,
Bill

[Renae Finlayson]

I am currently trying to do the same thing. I need to keep the images though because these show up as thumbnails in my main shop page. Is there any coding of any type that will remove it from the product pages? I really would love to keep the images as thumbnails for my store. xoxo

[Bill Robbins]

Renae,

It is possible to hide the hero section and keep the product category images too. Here’s how:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   body.tax-product_cat #hero-section {
   	display: none;
   }
   
   body.tax-product_cat .wrap {
   	margin-top: 140px;
   }
   

3. Update your settings.

If you run into any trouble, let me know.

Thanks,
Bill

[Renae Finlayson]

Thank you so much Bill! Its looking amazing! I cant thank you enough xoxo

[Bill Robbins]

Fantastic Renae! Have a great weekend!

[Author]

Posts