Default Image on Store Checkout

[CuriousJames]

Hello all - my site looks great and I have the default images on every page setup to be different.  However on my store when you get to the actual checkout (where you pay) the site defaults back to the stock image for the theme I chose (I man smoking a cigarette).  This is a website for my 3 year old battling cancer.. NOT the image I want people to see.

I cannot for the life of me figure out where to change this.  I don't see any place on the site to change the CHECKOUT header.  I have already changed the header picture on the store itself.. this only happens when I get all the way to checkout.  

Is there a place to change the default photo for the entire site so when any page goes to another landing page it will default to that instead of this smoking man?

Here is the site:  http://www.curiousjames.org/

THANK YOU in advance for any help!

Dan

[BJ5]

I think it might be something funny with that particular theme. It might be possible to fix it by saving your header image to all pages, but that would mean you'd need to re-upload any background images to the other pages again. Try adding this to Settings > SEO > Footer Code:

<style>
    .wsite-checkout-page > .wrapper > #panel-one > .wsite-background {
        background-image: url(/uploads/1/2/9/7/129789615/background-images/1657857878.jpeg) !important;
    }
</style>

This should force it to use the background image from the homepage on the published site.

[dmcguy]

Can anyone confirm if this works? I see as recently as earlier this year it was still "under consideration".

https://community.weebly.com/t5/Vote-on-Features/Want-to-change-the-header-image-on-my-checkout-cart...

[Bernadette3]

This isn't an option yet, @dmcguy. I'm really sorry for the inconvenience. 

[dmcguy · Accepted solution]

Joseph from "Customer Success" advised this -

So the trick here is to click save on one o the backgrounds when you edit and save to all of them , then go back and change them all back to that you are wanting. Sorry about the delay.

which is a work-around that solved this issue for me!

James

[Adam7]

Thanks for sharing that, @dmcguy! I'm going to mark that as a solution for anyone else that might want to do that.

[kaa2020]

The reply that BJ inventor gave above works with one small fix. Rather than .wrapper, you need #wrapper. Use this code instead:

<style>
    .wsite-checkout-page > #wrapper > #panel-one > .wsite-background {
        background-image: url(/uploads/1/2/9/7/129789615/background-images/1657857878.jpeg) !important;
    }
</style>

You need to insert the url for one of your own images. To find the image,

1. go to the page on your website with the image you want to use – note, use the actual site, not the weebly editing site.
2. right-click on the page and choose "view page source"
3. search on the page source for "/uploads"
4. copy the text starting with "url(" and going to the right parenthesis ")". 
5. paste that into the block above instead of what is there.

Once you have that code prepared with the proper image, go to the weebly editing site's settings page. Click SEO and paste this code into the "footer code" field. Save and publish the site.

[cbarnwellmd]

Wish i could give a kudos, but i can't. So, will you have to change all of the other pictures back if you do it this way? Like what pictures does the footer code affect? Can you do this function on a preview of the website before publishing? I know it says you can't see your checkout/cart until you do, but I guess I'm just asking to be sure. Thanks in advance.

[Smith111]

This worked for me thank you!

[cruzsongs]

Did anyone figure out how to fix this problem? I'm having the same problem with trying to delete or change the stock picture in the check out page.
Thanks.

[Bernadette3]

Hi @cruzsongs You'll need to use the image you wish to use as the header on one of your standard pages. Click the arrow next to the save button and choose the option to save to all pages. Then you'll have to re-edit the individual pages that should have a different header image by clicking save instead of save to all.