Image switching help: Source Code differs from Preview..

Sarah Kershaw · October 2016

Hello everyone,

I'm trying to create a page wrapper for one specific donation form. In particular I'm trying to change the hero image.

I've uploaded the new image to our FTP server and changed the code so it references the new image file name, however the old image is still showing up.

Any ideas?

d4348f0031ea2944615c36241a69096f-huge-sc

Erik Leaver · October 2016

Sarah Kershaw:

Hello everyone,

I'm trying to create a page wrapper for one specific donation form. In particular I'm trying to change the hero image.

I've uploaded the new image to our FTP server and changed the code so it references the new image file name, however the old image is still showing up.

Any ideas?

Sarah, it may be that the image is hosted locally on your site and this relative url path may not be directing properly, try using an absolute path. Or it may be that your website cache needs to be cleared, so try that.

However, it's recommended that all images be placed in the Luminate image library. When you send lots of email at once/send users to a donation page they will be requesting an image that's hosted on your website, the traffic may negatively impact your website. Blackbauds servers are engineered to manage those types of high level traffic.

Sarah Kershaw · October 2016

Hello Erik,

Thank you for responding!

I was advised by the BB Chat staff to upload the image directly via the FTP server, which I did, to the same folder where the original hero image was stored, so that should have ironed out the need for an absolute instead of a relative URL.

Similarly, I tried just using the image library upload, but was told to try the FTP server.

I also tried clearing the browser cache as you suggested but that hasn't changed anything.

In general, I'd love to find out how to change the hero image of our page wrapper so if anyone has had any luck doing that please do chime in!

Erik Leaver · October 2016

Sarah Kershaw:

Hello Erik,

Thank you for responding!

I was advised by the BB Chat staff to upload the image directly via the FTP server, which I did, to the same folder where the original hero image was stored, so that should have ironed out the need for an absolute instead of a relative URL.

Similarly, I tried just using the image library upload, but was told to try the FTP server.

I also tried clearing the browser cache as you suggested but that hasn't changed anything.

In general, I'd love to find out how to change the hero image of our page wrapper so if anyone has had any luck doing that please do chime in!

Sarah, can you post the url of the page so we can see the code?

Sarah Kershaw · October 2016

Hello

Full page
copied in below:

Bit in question
is background-image:url (highlighted in red)

And the URL is:

https://secure3.convio.net/waid/admin/PageBuilderPreviewPage?pageid=5296&pagename=Sarah+Kershaw+-+10/12/2016,+v14+water4empowerment

I have tried
making a new version of the page wrapper and then updating the S51
tag to point to the new reus_water4empowerment header I
made.

I’m sure I’m
over-complicating matters so any sight *most* gratefully
received!

SK

___________________________________

height="0"
width="0"
style="display:none;visibility:hidden"></iframe></noscript>

new
Date().getTime(),event:'gtm.js'});var
f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-KHBZ5L');</script>

<html lang="en"
dir="ltr" prefix="fb: http://www.facebook.com/2008/fbml content:
http://purl.org/rss/1.0/modules/content/ dc:
http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og:
http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# sioc:
http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos:
http://www.w3.org/2004/02/skos/core# xsd:
http://www.w3.org/2001/XMLSchema#">

<head>

</style>

--

Sarah Kershaw

Digital Marketing
Consultant

WaterAid – US
office

233 Broadway, Suite
2705

New York, NY, 10279

www.wateraid.org/us
– new website!

skershaw@wateraidamerica.org

Do you have 47 seconds to
spare?

Find out which unlikely
household item directly impacts your height…

http://www.howmuchshorterquiz.org

Daniel Hartanto · October 2016

Just in case, this could be an oversight -- when we upload file to the FTP, especially when the filename is the same which will overwrite the previously uploaded file, you'll likely encounter server-end caching mechanism; Convio server has a 20 minutes caching before it refreshes itself to reflect the latest iteration of the updated file.

Thus give it a moment (eventhough you have cleared your browser local cache) to see the updated image -- or if you kinda don't want to wait, you can always rename the file and upload that back to the FTP (and delete the old one, and don't forget to update your stylesheet to point to the new uploaded file with that new filename)

regards,

Daniel

ADD ON TIPS:

Here's your uploaded image URL:
https://secure3.convio.net/waid/images/wrpr/hero_water4empowerment.jpg

In case if you want to verify the updated image (while the server is still caching on the current older one) -- just add a slash on any of the subdirectory . On Chrome, that will show the updated image so you'll know that the intended image has replaced the current one while waiting for the server to refresh itself.

https://secure3.convio.net/waid/images//wrpr/hero_water4empowerment.jpg

Looks like both shows the same image, thus the server probably by now has already refreshed itself to reflect your latest uploaded image.

Sarah Kershaw:

Hello Erik,

Thank you for responding!

I was advised by the BB Chat staff to upload the image directly via the FTP server, which I did, to the same folder where the original hero image was stored, so that should have ironed out the need for an absolute instead of a relative URL.

Similarly, I tried just using the image library upload, but was told to try the FTP server.

I also tried clearing the browser cache as you suggested but that hasn't changed anything.

In general, I'd love to find out how to change the hero image of our page wrapper so if anyone has had any luck doing that please do chime in!

Image switching help: Source Code differs from Preview..

Comments

Categories