Return to previous page

Add a custom header image to the top of product category page

This topic has 8 replies, 3 voices, and was last updated 8 years, 1 months ago ago by Eva Kemp

forbesindustries

Participant

September 30, 2016 at 19:45

Is it possible to add a header image to the top of a product category page? I’d like the image to appear just below the navigation header and just above the category description, in the area indicated by the red box.

#141254 Copied Theme version: 4.6 WooCommerce version: 2.6.4

7 Answers

Eva Kemp

Support staff

September 30, 2016 at 20:02

Hello,

You can add image in Products > Categories > edit a category > Category Header.

Regards,
Eva Kemp.

#141255 Copied

forbesindustries

Participant

September 30, 2016 at 21:36

yes, i did that but the image is not showing up. in fact nothing that i input into the “category header” field shows up on the product category page. however, if i put text into the “description” field that will appear in the spot that i would like the header image to go.

#141256 Copied

Eva Kemp

Support staff

October 1, 2016 at 08:28

Hello,

Please show a direct page where you added image in Category Header.

Regards,
Eva Kemp.

#141264 Copied

forbesindustries

Participant

October 3, 2016 at 16:17

please see the two images below:

In the first image you can see the “edit product category” page on the back end, with the image link in the “Category Header” field. In the second image you can see the page as it displays on the front end.

#141385 Copied Theme version: 4.6 WooCommerce version: 2.6.4
Robert Hall

Support staff

October 3, 2016 at 16:43
Hello,

You can add an image via Add Media button. http://prntscr.com/cpc8ua
Also add this code in Global Custom CSS.
```
.category-description {
    display: block;
}
```
Regards,
Robert Hall
#141387 Copied
forbesindustries

Participant

October 3, 2016 at 16:48

That did it! It was the piece of CSS code that I needed.

Thanks!

#141388 Copied

Eva Kemp

Support staff

October 3, 2016 at 17:13

Hello,

You’re welcome.

Regards,
Eva Kemp.

#141390 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Add a custom header image to the top of product category page’' has been successfully resolved, and the topic is now closed for further responses

Add a custom header image to the top of product category page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection