Adding product media

You can add up to 250 images, 3D models, or videos to a product.

The first media item for each product is known as the featured, or main, media item. The main media item is shown on collection pages, the cart page, the checkout page, and your home page.

Note

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

• Use a theme that supports 3D models and videos. You might need to update to a newer version if you're currently using one of these themes and 3D models and videos don't display.
• 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 expert.

Grow your business

If you need help creating or optimizing media for your online store, then you can hire a Shopify expert.

Add media to your products

Note

There is a limit to the number of videos and 3D models that Shopify can host for you. This limit depends on your plan type. To learn more, refer to Video and 3D model hosting limits.

Desktop

1. From your Shopify admin, go to Products.
2. Click a product to see its details page.
3. Add an image, 3D model, or video in one of the following ways:
   • Click Add and then select the file that you want to upload.
   • Drag and drop the file that you want to upload onto the Media section.
   • Click Add media from URL, and then enter the image URL, or video URL of the product hosted on YouTube or Vimeo.

Set a main media item

If you add more than one media item for a product, then the largest one shown on your product's details page is the product's main media item. You can set a new main media item by dragging a different media item to its place. You can also sort the other media items by dragging them.

iPad

1. From the Shopify app, go to Products > All products.
2. From the All products screen, tap a product.
3. Under Media, tap +.
4. Select one of the following options:
   • Camera: Take a photo or video of the product in the ideal aspect ratio.
   • Embed video from URL: Add a video of the product hosted on YouTube or Vimeo.
   • Import from files app: Add an existing product file from another source.
5. Tap Done.
6. Go back to the product details page, and then tap Save.

Set a main media item

When Shopify displays a product, the product's main media item is used by default. If a product has multiple media items, then the first one that's shown on the product details screen is the product's main media item. You can set a different main media item for a product at any time.

Steps:

1. From the product details screen, tap any media item except the first one.
2. From the Preview screen, tap ....
3. Tap Make default.
4. On the product details screen, tap Save.

iPhone

1. From the Shopify app, go to Products > All products.
2. From the All products screen, tap a product.
3. From the product details screen, under Media, tap +.
4. Select one of the following options:
   • Camera: Take a photo or video of the product in the ideal aspect ratio.
   • Embed video from URL: Add a video of the product hosted on YouTube or Vimeo.
   • Import from files app: Add an existing product file from another source.
5. After you've selected the media, tap Done.
6. Go back to the product details page and tap Save.

Set a main media item

When Shopify displays a product, the product's main media item is used by default. If a product has multiple media items, then the first one that's shown on the product details screen is the product's main media item. You can set a different main image for a product at any time.

Steps:

1. From the product details screen, tap any media item except the first one.
2. From the Preview screen, tap ....
3. From the menu, tap Make default.
4. On the product details screen, tap Save.

Android

1. From the Shopify app, go to Products > All products.
2. From the Products screen, tap a product.
3. From the product details screen, under Media, tap +.
4. Select one of the following options:
   • Camera: Take a photo or video of the product in the ideal aspect ratio.
   • Embed video from URL: Add a video of the product hosted on YouTube or Vimeo.
   • Import from files app: Add an existing product file from another source.
5. After you've selected the media, tap Done.
6. Go back to the product details page and tap Save.

Set a main media item

When Shopify displays a product, the product's main media item is used by default. If a product has multiple media items, then the first one that's shown on the product details screen is the product's main media item. You can set a different main image for a product at any time.

Steps:

1. From the product details screen, tap any media item except the first one.
2. From the Preview screen, tap ⋮.
3. From the menu, tap Make default.
4. Tap the back arrow to return to the product details screen.
5. Tap the check mark to save the product.

Bulk delete media

You can delete one or more media items from a product by using a bulk action.

1. From your Shopify admin, go to Products.
2. Click a product to see its details page.
3. Under Media, check the media items that you want to delete.
4. Click Delete media.
5. Click Save.

Video and 3D model hosting limits

There is a limit to the total number of Shopify-hosted videos and 3D models that your store can have across products and the Files page. This limit depends on the Shopify plan that your store is on:

Basic Shopify	Shopify	Advanced Shopify	Shopify Plus
250	1000	5000	Contact Shopify Plus Support

Note

3D models are only supported on products. 3D model files uploaded to the Files page will not be treated as 3D models and will not count towards this limit.

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, 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 Expert to help you.