Hi, I have just created a website using an existing template from WIX. I have changed many things, but I would like to use an image I had seen in the original template because it actually fits with what I want to show. Where are the files of the template stored? How can I go back to them?
Search
I believe that the only way to do this is to view the template; e.g. https://www.wix.com/website-template/view/html/986, going to the image, right clicking it, copying the image url, and then uploading it via URL; e.g. https://static.wixstatic.com/media/41d000_0458a2e7b32cede428b88818dd5226c9.png/v1/fill/w_165,h_100,al_c,q_85,usm_0.66_1.00_0.01/41d000_0458a2e7b32cede428b88818dd5226c9.webp.
As a member of the Wix Partner Forum, I have seen a request for a template image section of the media manager floating round, so there is a chance that Wix might simplify this process.
Some images are vector images, so you can somehow copy paste them. But others are just backgrounds and if you right-click you have no options to open them in a different window, or copy URL. And when you go to the change background options they aren't in the available backgrounds, so once you change them they are gone forever. How weird.
As i said, you will need to use the view template to get the images/videos. Getting backgrounds will take a bit more time. If you're only interested in images, skip to the bottom of this comment.
Example Site: https://www.wix.com/website-template/view/html/1896
To get a video background:
To get a video background, you would press Ctrl + Shift + i to open DEV tools.
You would then find the element with the id of something like
"SITE_BACKGROUND"
, in this case, it's
"SITE_BACKGROUND_currentImage_mua1n_desktop_bg"
Which will be followed by some code that we aren't interested in.
Below that you should see something like this:
<wix-video data-video-info="{"fittingType":"fill","alignType":"center","staticVideoUrl":"https://video.wixstatic.com/","videoId":"video/11062b_3e2f37c297534f9ead156265242fbca8","playerType":"html5","isVideoDataExists":"1","videoWidth":1920,"videoHeight":1080,"qualities":[{"quality":"480p","size":409920},{"quality":"720p","size":921600},{"quality":"1080p","size":2073600}],"videoFormat":"mp4","autoPlay":true,"isEditorMode":false,"isViewerMode":true,"containerId":"SITE_BACKGROUND"}" style="position:absolute;width:100%;height:100%;top:0" id="SITE_BACKGROUNDcurrentVideo" class="siteBackgroundcurrentVideo bgVideo"><video role="presentation" preload="auto" playsinline="" crossorigin="anonymous" style="position: absolute; opacity: 1; width: 1310px; height: 737px; left: 0px; top: -72px;" loop="" muted="" id="SITE_BACKGROUNDcurrentVideovideo" class="bgVideovideo" width="1310" height="737" autoplay="true" src="https://video.wixstatic.com/video/11062b_3e2f37c297534f9ead156265242fbca8/1080p/mp4/file.mp4"></video><wix-image style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0;" data-has-bg-scroll-effect="" data-image-info="{"imageData":{"type":"Image","id":"mua1n_desktop_posterImageRef","metaData":{"pageId":"masterPage","isPreset":true,"schemaVersion":"2.0","isHidden":false},"title":"","uri":"11062b_3e2f37c297534f9ead156265242fbca8f000.jpg","description":"public/8e256233-1752-4026-9341-54036e7f875e/d6b6b972-952c-4ab0-b46a-a6c05a0a94a5","width":1920,"height":1080,"alt":"","quality":{"unsharpMask":{"radius":0.33,"amount":1,"threshold":0}},"devicePixelRatio":1,"displayMode":"fill"},"containerId":"SITE_BACKGROUND","alignType":"center","displayMode":"fill"}" data-is-svg="false" id="SITE_BACKGROUNDcurrentVideoposter" class="bgVideoposter" data-src=""><img id="SITE_BACKGROUNDcurrentVideoposterimage" style="width: 1310px; height: 593px; object-position: 50% 50%; object-fit: cover;" alt="" data-type="image" itemprop="image" src="https://static.wixstatic.com/media/11062b_3e2f37c297534f9ead156265242fbca8f000.jpg/v1/fill/w_1310,h_593,al_c,q_85,usm_0.33_1.00_0.00/11062b_3e2f37c297534f9ead156265242fbca8f000.webp"></wix-image></wix-video>
From this you will get two URLs. The first will be the video url and the second one will be the fallback image.
https://video.wixstatic.com/video/11062b_3e2f37c297534f9ead156265242fbca8/1080p/mp4/file.mp4
https://static.wixstatic.com/media/11062b_3e2f37c297534f9ead156265242fbca8f000.jpg/v1/fill/w_1310,h_593,al_c,q_85,usm_0.33_1.00_0.00/11062b_3e2f37c297534f9ead156265242fbca8f000.webp
Example site: https://www.wix.com/website-template/view/html/2121
To get an image background:
Use DEV tools to find the image, look for a background-image attribute, src attribute, or a content attribute. In this case, it's
height: 931px; width: 1310px; background: url("https://static.wixstatic.com/media/f61af8_12fbdc4edb8e41a28641d08b35657807~mv2_d_3936_2763_s_4_2.jpg/v1/fill/w_1326,h_931,al_c,q_85,usm_0.66_1.00_0.01/f61af8_12fbdc4edb8e41a28641d08b35657807~mv2_d_3936_2763_s_4_2.jpg") 50% center / cover no-repeat;
The red part is what we're interested in. You now have the url, e.g. https://static.wixstatic.com/media/f61af8_12fbdc4edb8e41a28641d08b35657807~mv2_d_3936_2763_s_4_2.jpg/v1/fill/w_1326,h_931,al_c,q_85,usm_0.66_1.00_0.01/f61af8_12fbdc4edb8e41a28641d08b35657807~mv2_d_3936_2763_s_4_2.jpg, which you can now upload to Wix again to use on the site.
ok, will try that, thanks!