A product's thumbnail represents the item in certain areas of a site, such as Product Blocks, Summary Blocks, and Advanced Products Pages. 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.
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, and then select a Products Page.
Use the Inventory Panel
In the Home Menu, click Commerce, and then click Inventory.
Step 2 - Edit the thumbnail image
Double-click the product you want to edit, and then click the Options tab.
In the Thumbnail Image box, click Remove. Drag and drop the new image into the image uploader, and then click Save.
Display by template
For all templates, product thumbnail images appear:
In the Adirondack template, product thumbnail images display as a banner on individual product item pages.