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
Desktop
From your Shopify admin, go to Products.
Click the product that you want to edit.
-
In the Media section, add an image, 3D model, or video in one of the following ways:
- Click Upload new, and then select the file that you want to upload.
- Drag and drop the file that you want to upload into the Media section.
- Click Select existing to review and select from your existing media files.
- To Add from URL, click Select existing, and then click Add from URL.
iPhone
- From the Shopify app, go to Products > All products.
- Tap the product that you want to edit.
- In the Media section, tap
+
. - Add your media using one of the following ways:
- To add media from existing media files, tap Media files.
- To add a media from your device's photos, tap the image icon.
- To take a photo or video using your device's camera, tap Camera.
- To add a video that's hosted on YouTube or Vimeo, tap YouTube or Vimeo URL.
- To add an image from your device's files, tap Files app.
- To scan a new 3D model of your product, tap 3D scanner.
- Tap Save.
Android
- From the Shopify app, go to Products > All products.
- Tap the product that you want to edit.
- In the Media section, tap
+
. - Add your media using one of the following ways:
- To add media from existing media files, tap Media files.
- To add a media from your device's photos, tap the image icon.
- To take a photo or video using your device's camera, tap Camera.
- To add a video that's hosted on YouTube or Vimeo, tap YouTube or Vimeo URL.
- To add an image from your device's files, tap Files app.
- Tap ✓.
Change your main product media
Desktop
From your Shopify admin, go to Products.
Click the product that you want to edit.
In the Media section, navigate to the media that you want to make your default media, and then drag and drop the image to the first image's place.
iPhone
- From the Shopify app, go to Products > All products.
- Tap the product that you want to edit.
- In the Media section, tap View all.
- Tap Select, and then select the image that you want to make your default product image.
- Tap
...
, and then tap Set as default. - Tap Save.
Android
- From the Shopify app, go to Products > All products.
- Tap the product that you want to edit.
- In the Media section, tap View all.
- Tap Select, and then select the image that you want to make your default product image.
- Tap
...
, and then tap Set as default. - Tap ✓.
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.
Desktop
From your Shopify admin, go to Content > Files.
Click the Copy link icon next to the product media that you want to share.
iPhone
- From the Shopify app, tap …, and then tap Content.
- Tap Files.
- Tap the Copy link icon next to the product media that you want to share.
Android
- From the Shopify app, tap ☰, and then tap Content.
- Tap Files.
- Tap the Copy link icon next to the product media that you want to share.
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.
Desktop
From your Shopify admin, go to Products.
Click the product that you want to edit.
In the Media section, hover over the media that you want to delete and check the checkbox.
Click Remove.
iPhone
- From the Shopify app, go to Products > All products.
- Tap the product that you want to edit.
- In the Media section, tap View all.
- Tap Select.
- Tap the media that you want to delete.
- Tap Delete.
Android
- From the Shopify app, go to Products > All products.
- Tap the product that you want to edit.
- In the Media section, tap View all.
- Tap Select.
- Tap the media that you want to delete.
- Tap Delete.
- Tap ✓.
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.
Desktop
From your Shopify admin, go to Products.
Click the product that you want to edit.
In the Media section, select the media that you want to delete using the checkboxes.
Click Click delete files.
Click Remove.
iPhone
- From the Shopify app, go to Products > All products.
- Tap the product that you want to edit.
- In the Media section, tap View all.
- Tap Select, and then select the media that you want to delete.
- Tap Delete.
- Tap Done.
Android
- From the Shopify app, go to Products > All products.
- Tap the product that you want to edit.
- In the Media section, tap View all.
- Tap Select, and then select the media that you want to delete.
- Tap Delete.
- Tap Done.
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.