Adding product media
You can add a maximum of 250 images, 3D models, or videos to a product. 3D models and videos have specific hosting limits based on your Shopify plan. You can also directly scan and build a 3D model directly within the Shopify app on compatible iOS devices with the 3D scanner feature.
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.
On this page
- Add media to your products
- Change your main product media
- Copy a link to your product media
- Deleting your media
- Replacing files
- Edit files without overwriting the existing file
- File storage limits by plan
- Videos and 3D models
- Adding product media by using metafields
- Reverting edits to product images
Add media to your products
Change your main product media
Copy a link to your product media
If you need to copy a link to your product media to share it online or make it available for download from a product or collection description, webpage, or a blog post, then you can copy the link to an individual media file. Learn more about linking to a file in page content.
Deleting your media
You can delete your media individually or in bulk.
Delete media individually
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 > Files in the admin.
Delete media in bulk
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 > Files in the admin.
Replacing files
- From your Shopify admin, go to Content > Files.
- Click the Replace icon next to the file name.
- Select the file that you want to upload.
Edit files without overwriting the existing file
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:
- From your Shopify admin, go to Content > Files.
- 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 while preserving the original image in its original state.
File storage limits by plan
Plan | Limit per store |
---|---|
Shopify Enterprise | 10 TB (terabyte) |
Shopify Plus | 300 GB (gigabyte) |
Advanced | 300 GB (gigabyte) |
Shopify | 300 GB (gigabyte) |
Basic | 100 GB (gigabyte) |
Videos and 3D models
You need to do one of the following to display 3D models or videos in your online store:
- Use a theme that supports 3D models and videos. 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 adding media support to your theme and media UX guidelines in Shopify's developer documentation. If you're not comfortable reading and editing theme code, then you can hire a Shopify Partner.
Video and 3D model hosting limits
There's a limit to the total number of Shopify-hosted videos and 3D models that your store can have across products and the Files page. The 3D limit depends on the Shopify plan that your store is on:
Starter | Basic Shopify | Shopify | Advanced Shopify | Shopify Plus |
---|---|---|---|---|
250 files | 250 files | 1000 files | 5000 files | Contact Shopify Plus Support |
Adding product media by using metafields
If you want to customize the way that product media are displayed in your online store, then you can use metafields 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 Online Store 2.0 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 edit your theme code or hire a Shopify Partner to help you.
Reverting edits to product images
If you want to revert a change you made to your images using the media editor, 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.