How do I Replace a File? How can I update an Image on the site and have it replace everywhere all at once?

When you upload an image or other asset to SiteWrench, it create a direct URL for that asset. When you insert that image onto a page or within a page part, it is referenced by that direct URL.

Let's say you upload an image that is 6 MB, which is huge. It's taking a long time to load your page because this image takes too long to update. Not only that, but you inserted this 6 MB image into your Custom Content page part on one page, and into a Portfolio page part on another page, and used it on your SiteWide content. You've decided you want to compress the image to save on your web page load time.

It would be a headache to have to upload the newly compressed image and then go into those pages and those page parts to replace them one by one. Instead, you should just use the File Replace option that is built into SiteWrench.

The Replace function is a great shortcut; it allows you to update the file’s content without adjusting anything about the URL. 

Here's a video that shows the file replace functionality: 

Here are the written steps on how to replace the file:

1. Search for the file and click on the file name
2. Select the Replace tab
3. Select Choose your new file and choose it off of your computer
4. Select Upload so that it uploads to SiteWrench
5. Save changes

Here's an Example:

I have two pictures of an (adorable) cat, known as Charlie the Support Cat. One file is very large -- it's at least 2.5 MB. I uploaded that one first, then attached it to a Portfolio Project. Then I went back into SiteWrench Files and used the Replace option to change the big image with the smaller one, which was under 2.5 KB. After refreshing the page where the Portfolio page part lives, the big picture of Charlie was automatically changed up to show the small image, and the file size was adjusted as well.

The way the File Replace works, the image maintains the exact same URL as when you uploaded it originally, but what you're doing is replace the file without changing its URL name. So in this example, the URL remains https://lifechurchcustomexpress.sitewrench.com/assets/1819/charlie_big_file.jpg. SiteWrench is looking for this portion: charlie_big_file.jpg

When I replaced the file with the smaller file size, it still retained the URL file name of charlie_big_file.jpg, but the image updated to display the new image and new size. So wherever this original big file was inserted onto the site, it has now been automatically replaced with the small file size because it retained the same name. That's why it updated the image within the Portfolio page part.

Original photo: 

Smaller photo: