Single Product Page Header not working

This topic has 9 replies, 2 voices, and was last updated 2 months, 3 weeks ago by Luke Nielsen.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
August 20, 2024 at 6:17 pm #591350

douglaslovin83
Participant

I’m using the drinks theme. I have every other page on the site working fine however the Single Product Page header doesn’t seem to be working fine.

What settings do I check? Its choosing the right header but its not choosing the little header image for the overlap I think.

August 21, 2024 at 9:34 am #591437

Luke Nielsen
Keymaster

Hello,

For the header that you defined for the product page disable the “Overlap” functionality – https://take.ms/8HZn2

Then clear the cache and check how it works.

Kind Regards

August 22, 2024 at 4:18 pm #591847

douglaslovin83
Participant

I tried that, it makes the header look stupid on every page. Im using the drinks demo and the header looks exactly how i want it on every page but the single product page.

I want a solution to make the single product page function the same way as every single other page on the site.

August 23, 2024 at 11:58 am #592002

Luke Nielsen
Keymaster

Hello,

I have checked a random product and there is a normal header that looks the same way as on the home page, here is a video – https://take.ms/vnbRc

Clarify where exactly you have a bad header, send me the URL link to it. Also, send me admin access so I can check the site settings.

Kind Regards

August 25, 2024 at 3:32 am #592306

douglaslovin83
Participant

Your video literally shows the exact opposite of what you are saying. The header on the product pages do not follow the same overlap with background as the rest of the entire site. In addition the header with no overlap has a Grey background not the Black i was expecting due to the overlap

Attachments:
You must be logged in to view attached files.

August 26, 2024 at 11:37 am #592510

Luke Nielsen
Keymaster

Hello,

The overlap header will not work correctly on the product page therefore there is an appropriate CSS that calculates additional padding for the overlap header to make it work well. Here is an example of the default overlap header on the product page – https://take.ms/l4RHk as you can see, it cut a part of the product page so that is why the overlap header will not work on the product page as you have it on the Home page.

Kind Regards

August 26, 2024 at 4:39 pm #592668

douglaslovin83
Participant

So you are saying its not possible?

August 27, 2024 at 10:47 am #592836

Luke Nielsen
Keymaster

Hello,

You have defined the Header overlap globally, in this case, the overlap effect disables on the product page because on the product page there is nothing to overlap, there is no page title and it cannot be here.

In this case, I suggest you create a separate header for the single product page, duplicate the current header in the header builder, disable the Overlap option – https://take.ms/4XuEN and then assign that header to the product page via Theme Settings -> Single product -> Custom single product header: https://take.ms/Ws0Hs. Also, for that separate header, you can change the bg color and etc.

Kind Regards

August 31, 2024 at 11:18 pm #594194
douglaslovin83
Participant
I’m one step closer I guess…. Looks less dumb. the overlap would have slapped
- This reply was modified 2 months, 3 weeks ago by douglaslovin83.
September 2, 2024 at 10:43 am #594371

Luke Nielsen
Keymaster

Hello,

So the topic can be closed? Or do you have some questions?

Thank you for your time.

Kind Regards
Author

Posts