Replacing product images and video
Last updated
Last updated
You can add a maximum of 250 images, 3D models, or videos to a product. 3D models and videos have specific . You can also directly scan and build a 3D model directly within the Shopify app on compatible iOS devices with the .
The first media item for each product is known as the featured, or main, media item. The main media item is displayed on collection pages, the cart page, the checkout page, and your home page. You can change your main media item any time.
Add media to your products
Deleting your media
You can delete your media individually or in bulk.
Click the Replace icon next to the file name.
Select the file that you want to upload.
In the file editor, it's possible to make destructive edits to an image, such as changing the background of an image. To make changes without overwriting an existing file, save the changes as new.
Steps:
Select a media file to open the file editor.
Make file edits.
From the Save dropdown menu, select Save as new.
Saving as new saves the new file to your store's file system and preserves the original image in its original state.
Each Shopify subscription plan has the following file storage limits:
Shopify Enterprise: 10 TB (terabyte)
Shopify Plus: 300 GB (gigabyte)
Advanced: 300 GB (gigabyte)
Shopify: 300 GB (gigabyte)
Basic: 100 GB (gigabyte)
Note
If you're on the Advanced plan or Shopify Plus plan, then you can contact Shopify Support to request more storage.
Note
3D models and videos can't be used for your product variant media.
You need to do one of the following to display 3D models or videos in your online store:
Starter: 250 files
Basic: 250 files
Shopify: 1000 files
Advanced: 5000 files
Shopify Plus: Contact a Merchant Success Specialist
Note
For all plans, only 250 media files of any type are allowed per product at a time.
Note
The Revert to original button is available when previewing media that has been previously edited. Clicking this button prompts you to confirm the revert and then returns the file back to its original form. This feature is only available for product media edits added after January 2024.
Removing a file from a product won't remove it from your store. In order to delete media from your store, you have to delete it in the file manager in Content > in the admin.
From your Shopify admin, go to .
If any of the selected files are being used elsewhere in your store, then the files are removed only from the product that you're editing. In order to delete media from your store, you have to delete it in the file manager in Content > in the admin.
From your Shopify admin, go to .
From your Shopify admin, go to Content > .
From your Shopify admin, go to Content > .
Use a . If you're using an older version of a supported theme, then you might need to update your theme to the newest version to use 3D models and videos.
Modify your current theme. If you're comfortable reading and editing theme code, then you can learn more about and in Shopify's developer documentation. If you're not comfortable reading and editing theme code, then you can .
There's a limit to the total number of Shopify-hosted videos and 3D models that your store can have across products and the page. The 3D limit depends on the Shopify plan that your store is on:
If you want to customize the way that product media are displayed in your online store, then you can use to create a file reference metafield for your products. File reference metafields support uploading images to display your products, or all other file types for your customers to download. You can display JPEG, PNG, WEBP, SVG, HEIC, or GIF images in metafields on your online store. A metafield can contain only one file at a time.
If you have an theme, then you can connect file reference metafields to your theme by using the theme editor. If you're using vintage themes, then you can or hire a to help you.
If you want to revert a change you made to your images using the , whether you no longer need a prior crop, resize, or even Shopify Magic edits, then you can revert an image file to its original state using the Revert to original button.