The Setup videos page has two tutorial videos for SA Variant Image Automator. The first covers the core setup, and the second covers an advanced setting for your featured image. Watch the first one before you set up your first product.
Organize variant images
This video walks you through the core setup of the app: how to arrange your product images so the app shows the right ones when a shopper selects a variant on your store.
In this video you will learn how to:
Drag and drop images into the correct variant buckets on the Manage product media page.
Move images between variants.
Set up Common media, such as size charts or lifestyle shots, which appear after every variant's own images.
Turn the app on for a product, so it goes live on your store.
→ Full guide: [Variant Image Automator] Manage product media
Advanced: Customize your featured image
This video covers how your product's featured image behaves across your store.
The problem
In Shopify, the first image in a product's media is the featured image: the thumbnail shown on collection pages, in search results and in product recommendations. SA Variant Image Automator places Common media at the start of the product's media, so the first Common media image becomes the featured image across your store. That may not be the image you want shoppers to see when they browse your collections.
The solution
To use a specific image as the featured image on collection and listing pages, different from what shows in the product gallery:
Make a copy of the image you want as the featured image.
Put that copy in the first position of Common media.
Turn on Hide featured image on product page in App settings.
With this setting on, the first Common media image is hidden from the product page gallery, so shoppers do not see it repeated there. Shopify still uses it as the featured image on collection pages, search results and other listings. The setting applies to every product in your store.
Does your theme show a hover image on collection pages?
Some Shopify themes show a second image when a shopper hovers over a product on the collection page. To set a hover image as well, put two copied images at the start of Common media: one for the featured image and one for the hover image. Then contact our support team, and we will set the app to hide both of the first two Common media images from the product page gallery, instead of just one. Neither image shows in the gallery, and both keep working on your collection page.
→ Settings: [Variant Image Automator] App settings
Need help? Our support team is always here. Hit the chat button and we will get you sorted.