Background image product page

  • Resolved busterland

    (@busterland)


    5 years, 11 months ago

    Hello,

    How to add a background image at the header level of a product page ?
    For example here : https://cycle.oceanwp.org/product/rbd-1-3/

    I can’t find where I can add the image which is at the header level.

    I tried to use this code but it doesn’t work, no image is loaded : https://docs.oceanwp.org/article/459-alter-the-page-header-background-image
    I have created a folder ‘img’ in child folder and added my image. I have modified this line with my image name : $bg_img = get_stylesheet_directory_uri() . '/img/myimagename.jpg';

    It works when I add image here :
    Edit product > OceanWp settings > Title > Title Style > Background image

    But it’s not a good idea because I have to add the image background for all products…

    Thanks for help !

    • This topic was modified 5 years, 11 months ago by busterland.
Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    Remove all the code you have added related to the page header and follow the below steps to do it.

    Global settings – Customize > General Options > Page Title – select Background Image from the Style dropdown and upload an image.

    Page specific settings – Edit a page > oceanwp settings metabox > Title Tab – Title Style > Background image

    Thread Starter busterland

    (@busterland)

    Hello,

    Thanks a lot it works !!

    Regards,

    You’re welcome!

    Ok, maybe I’m crazy but i cannot see where I can add my own question so this seems to be one that is open and has something similar. I have oceanwp background and 2 things:
    1) How do I remove the background on my woocommerce page and the product pages only? I’ve been searching but honestly nothing is making sense. I also don’t know about css or whatever… sorry still new at this. So I don’t even know how to start.
    2) I upgraded last night and now my social media icons on the top and bottom are missing and just show squares. I went to edit them but there’s no other options. It just has a dropdown for each icon and for me to put in my site links… I don’t see how i can fix this.

    Your help is greatly appreciated. I’ve been searching for days on how to fix this stuff ??

    @passero2009 you can create a new topic by following the link – https://www.ads-software.com/support/theme/oceanwp/#new-post

    Can you share your site link so that I can check it and help you to fix the issue?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Background image product page’ is closed to new replies.