Unable to get Page Hero Header Element to show on Woocommere Single Product Page

Hi there,

can you link me to your site where i can see a Single Product and the broken header element ?

Here it is :

https://bit.ly/34VsBhx

What happens if you just add some Plain HTML to the Header Element: eg.

<h1>Test title</h1>

Does that display?

Nope it doesn't display anything after I added the HTML.

Do you have any other Header Elements ?
If so can you provide a link to a screenshot showing the list of them

https://prnt.sc/uyfzky

only the default + 1 customised by me named Woo to target single product.

Edit the Page and Posts Headers and in its Display Rules > Exclude: Products > All Products.

Thank you works like a charm!

Glad to hear that

Is there a way to not use product image as the featured image?
In other words a separation between header image and product image.

You can use a Custom Image, instead of the featured image, as the Header Element background. But this would be the same image for all products --- unless you created a separate header element for each.

The only alternative would be to add a Custom Field to each product for your 'other' image. Then we could assist with some PHP to have that display.

Let me know.

i'm interested to know about the PHP way, do share!

You will need to enable Custom Fields in the Woocommerce products - edit a product and click screen options and check Custom Fields.

Then this topic provides the PHP and explains the naming of the custom field in that code.

https://generatepress.com/forums/topic/different-hero-image-for-single-posts-which-is-not-the-featured-image/#post-1185307

thank you!