Download Shopify Files Without Third-Party Apps

- Step 1

Navigate to Shopify Admin > Content > Files. This section will display all your uploaded assets such as images, videos, and documents. You can use the sort and filter options to find specific files more easily.

By default, Shopify displays only 100 items per page. To view more, you can manually increase the limit by adding the following parameter to the URL in your browser’s address bar:
&limit=250
This will extend the list to show up to 250 files at once.

- Step 2

Press F12 to open the Developer Console in your web browser.

If you're using Google Chrome, you may need to type the command allow pasting into the console first.
This will enable you to paste and execute the script in the next step without restrictions.

- Step 3

opy the code below and paste it into your browser’s Developer Console to execute

function fetchPageAssets() {
let images = document.querySelectorAll('img[src*=files]');
images.forEach(function(image) {
files.push(image.src.replace(/_60x60/, ""));
});
}

function downloadListFile() {
let button = document.createElement("a");
let data = 'data:application/octet-stream;base64,' + window.btoa(files.join('\n'));
button.id = "download-file";
button.href = data;
button.download = "shopify-files.html";
document.querySelector("body").append(button);
button.click();
}
var files = []
files.push('\n')
fetchPageAssets()
files.push('\n\n')
downloadListFile()

You will receive a downloadable file containing the direct links to all of your uploaded files

- Step 4

Use a Chrome extension that allows downloading content from URLs, such as Tab Save. Simply paste the list of file URLs into the extension, and it will automatically download and save them to your computer.