Woocommerce Catgegory Feature Image

Hello,

Unfortunately, there is no other way to set the featured image for the category, you can only set the thumbnails.
And that is the part of woocommerce, please try to coordinate with the concerned plugin support, they can offer some solution for this.

Thank you @abhikr781 for your reply

Hello Again @abhikr781

As per the below reply from woocommerce team it seems what im talking about is related to oceanwp theme and not woocommerce plugin

more details: https://www.ads-software.com/support/topic/featured-image-product-category/

Note that as per oceanwp changelog history this feature was added back to:

### *2017.06.29* – 1.2.7

***Added** – New option in WooCommerce > General section of the customizer to allow you to display the categories featured image before the products archives on the categories pages.

https://docs.oceanwp.org/article/653-oceanwp-theme-changelog

Please advise how can i use this feature

Thank you

Hello,

There is only one way to add the product category image, go to Dashboard > Products > Category, and add the images from here.

and Share the product category page URL to check what issue are you facing with it.

Hello again @abhikr781

Please find the below details:

My Settings: https://ibb.co/T0B768w

Product Category: https://ibb.co/QdCMYBX

My Target: https://ibb.co/2Wnmn7M

URL: https://baytplus.com/product-category/cleaning/baskets/

Target Example: https://bit.ly/2QW9DUR

Thank you
Shoptak

• This reply was modified 3 years, 7 months ago by shoptak.
• This reply was modified 3 years, 7 months ago by shoptak.
• This reply was modified 3 years, 7 months ago by shoptak.

Hello,

the issue you are facing because of the following code, which prevented to display of the category images.
https://ibb.co/pzp474g

try to remove the above code if you have added the above code.

or try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

body.tax-product_cat header.woocommerce-products-header{
    display: block !important;
}

Thank you @abhikr781 it works using the above code!

I need to reduce the white space between the breadcrumbs and the header image, ive set the padding to 0 under Customize >> General Option >> Page Title >> Padding but still there’s a space especially on mobile view.

Is it possible to reduce it more since the padding is not taking negative values.

Screenshot: https://ibb.co/Pg9z5t0

URL: https://baytplus.com/product-category/cleaning/detergents/

Thank you

• This reply was modified 3 years, 6 months ago by shoptak.

Hello,

?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

@media only screen and (max-width: 959px){
 #main #content-wrap {
    padding-top: 20px;
}
}

Thank you again @abhikr781 works like a charm!

5 Stars!!

YOu are most welcome and glad to hear that solution worked well.??