Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Changing a product's thumbnail image

A product's thumbnail represents the item in certain areas of a site, such as Product Blocks, Summary Blocks, Store Pages in version 7.1 and Advanced Store Pages in version 7.0. Thumbnail images also represent a product on social media if you don't upload an Alternate Social Sharing Images.

By default, the first image that displays in the product editor becomes the thumbnail image. Follow these steps to edit or replace a product's thumbnail image.

To set variant-specific images to appear on the product details page when shoppers browse variants, visit Product images.

Note: We recently updated the product editor, so the steps in this guide might not match what you see on your site. You can switch to the new product editor at any time, or follow the steps in Using the classic product editor if you aren’t ready to switch.

Change a thumbnail image

To change your product's thumbnail image:

  1. In the Home Menu, click Pages, then click a Store Page.
  2. Click All, then double click a product to open the product editor.

You can also open the Inventory panel and double click a product to open the editor.

  1. To add a thumbnail image, click Thumbnail image and upload a file from your computer.
  2. To replace an existing thumbnail image, click the ... icon and click Delete. Then click Thumbnail image to upload a new photo.

Display by version and template

To learn more about where thumbnail images display, visit Product Images.

Was this article helpful?
78 out of 282 found this helpful
Changing a product's thumbnail image