Home › Forums › WoodMart support forum › Single Product Page Header not working

Single Product Page Header not working

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

    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

Tagged: ,

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