A product's thumbnail is the main image that represents the item, including in areas across your site like Product Blocks, Summary Blocks, and the Products panel. In some cases, it's also the image that appears when shared 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.
Note: The product's thumbnail image will only display on the Products Page if no other images were uploaded in the Item tab of the product editor.
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.