如何获取图像作为我的 Woocommerce 商店页面标题背景？

Question

My Woocommerce category pages have the option to change thumbnail and it goes on the header area of the page (under the main menu), but there isn't such option for Woocommerce shop page. Maybe because it is an archive page?

My Woocommerce shop page header has a white background, so there is a white space between main menu and products. Page title also is displayed in this area. I know how to change this background color, but I would like to upload an image.

So - How can I get an image as my Woocommerce shop page header background?

Thank you!

Answer 1

You should be able to fix this quite easily with CSS.

.opacity-light.bg-dark-gray {
  opacity: 1;
  background-image:url('IMAGE_URL_HERE');
}

To be certain it doesn't override your other pages, you could be more specific with the selector so that it only targets the div on that type of page, so:

.post-type-archive-product .opacity-light.bg-dark-gray { .. }

Hope that helps!

Answer 2

I had the same issue with my site using SKT builder . To change the grey header of the shop page. Click " Customize (live preview) >> Post & Page >> Post Header Setting ".

Insert image you want to display by clicking "Select Image"