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.

Add media to your products

Desktop
  1. From your Shopify admin, go to Products.

  2. Click the product that you want to edit.

  3. 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
  1. From the Shopify app, go to Products > All products.
  2. Tap the product that you want to edit.
  3. In the Media section, tap +.
  4. 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.
  5. Tap Save.
Android
  1. From the Shopify app, go to Products > All products.
  2. Tap the product that you want to edit.
  3. In the Media section, tap +.
  4. 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.
  5. Tap .

Change your main product media

Desktop
  1. From your Shopify admin, go to Products.

  2. Click the product that you want to edit.

  3. 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
  1. From the Shopify app, go to Products > All products.
  2. Tap the product that you want to edit.
  3. In the Media section, tap View all.
  4. Tap Select, and then select the image that you want to make your default product image.
  5. Tap ..., and then tap Set as default.
  6. Tap Save.
Android
  1. From the Shopify app, go to Products > All products.
  2. Tap the product that you want to edit.
  3. In the Media section, tap View all.
  4. Tap Select, and then select the image that you want to make your default product image.
  5. Tap ..., and then tap Set as default.
  6. Tap .

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
  1. From your Shopify admin, go to Content > Files.

  2. Click the Copy link icon next to the product media that you want to share.

iPhone
  1. From the Shopify app, tap , and then tap Content.
  2. Tap Files.
  3. Tap the Copy link icon next to the product media that you want to share.
Android
  1. From the Shopify app, tap , and then tap Content.
  2. Tap Files.
  3. 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
  1. From your Shopify admin, go to Products.

  2. Click the product that you want to edit.

  3. In the Media section, hover over the media that you want to delete and check the checkbox.

  4. Click Remove.

iPhone
  1. From the Shopify app, go to Products > All products.
  2. Tap the product that you want to edit.
  3. In the Media section, tap View all.
  4. Tap Select.
  5. Tap the media that you want to delete.
  6. Tap Delete.
Android
  1. From the Shopify app, go to Products > All products.
  2. Tap the product that you want to edit.
  3. In the Media section, tap View all.
  4. Tap Select.
  5. Tap the media that you want to delete.
  6. Tap Delete.
  7. 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
  1. From your Shopify admin, go to Products.

  2. Click the product that you want to edit.

  3. In the Media section, select the media that you want to delete using the checkboxes.

  4. Click Click delete files.

  5. Click Remove.

iPhone
  1. From the Shopify app, go to Products > All products.
  2. Tap the product that you want to edit.
  3. In the Media section, tap View all.
  4. Tap Select, and then select the media that you want to delete.
  5. Tap Delete.
  6. Tap Done.
Android
  1. From the Shopify app, go to Products > All products.
  2. Tap the product that you want to edit.
  3. In the Media section, tap View all.
  4. Tap Select, and then select the media that you want to delete.
  5. Tap Delete.
  6. Tap Done.

Replacing files

  1. From your Shopify admin, go to Content > Files.

  2. Click the Replace icon next to the file name.

  3. 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:

  1. From your Shopify admin, go to Content > Files.

  2. Select a media file to open the file editor.

  3. Make file edits.

  4. 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

File storage limits by plan
PlanLimit per store
Shopify Enterprise10 TB (terabyte)
Shopify Plus300 GB (gigabyte)
Advanced300 GB (gigabyte)
Shopify300 GB (gigabyte)
Basic100 GB (gigabyte)

Videos and 3D models

You need to do one of the following to display 3D models or videos in your online store:

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:

StarterBasic ShopifyShopifyAdvanced ShopifyShopify Plus
250 files250 files1000 files5000 filesContact 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.

Can’t find the answers you’re looking for? We’re here to help.