Custom header image on product category pages

  • Hi all,

    I’ve recently installed the Pliska theme and added a header image to my site (note: I’m also using WooCommerce for my webshop). Now I would like to show the product category image when opening a product category page instead of the general site image (e.g. https://www.atelier-collier.store/product-categorie/readytoship/). A bit similar as to the images that are shown when you open a product page.

    I’ve already tried unchecking the option “Show the site header image on post archives” but then I don’t have an image shown anymore at all.

    Can someone help with this?

    Thanks in advance!
    A?sha

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Atanas Yonkov

    (@nravota12)

    Dear @aishacallewaert ,

    As you said, the product category page is a post archive template and all archive templates use the global header image only. However, there are a few ways to show a custom header image for a specific page: with a child theme, plugin or with some custom css. I will give an example below how to do it with custom css.

    First, you need to upload a header image via the media library (media => add new). After that, copy the url of the image you have just uploaded (you can get it from the file url tab when you click on the uploaded image). After that, go to Appearance => Customize => Additional Css and add the following code:

    .term-21 .header-image-wrapper {
    background-image: url(https://yoursite.com/wp-content/uploads/2021/05/custom-header.jpg);
}

    You need to replace the url inside the brackets with the one you copied above.

    If you want, you can do the same for other post archives templates too, just note you will also need to change .term-21 with the correct body class for the specific page.

    I hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Custom header image on product category pages’ is closed to new replies.