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 Products Pages in version 7.0. Thumbnail images can also represent a product on social media.

By default, the first image added in the Item tab of the product editor becomes the thumbnail image. Follow these steps to edit or replace a product's thumbnail.

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

Step 1 - Go to your products

There are two ways to open your products for editing.

Use the Products Page

In the Home Menu, click Pages, then select a Products Page.

Use the Inventory Panel

In the Home Menu, click Commerce, then click Inventory.

Inventory.png

Step 2 - Edit the thumbnail image

You'll change the thumbnail image in the Options tab:

  1. Double-click the product you want to edit, then click the Options tab. 
  2. Hover over the Thumbnail Image box, then click the Trash Can icon.
  3. Drag and drop the new image into the image uploader, then click Save.

Add_Thumbnail_Image.png

Display by template and version

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

Was this article helpful?
54 out of 196 found this helpful
Changing a product's thumbnail image