How to show multiple images for each product variant?

Want to show off multiple images for each product variant? Shopify’s one-image-per-variant rule might cramp your style. The Eurus theme 6.6.0 update lets you easily add as many images as you want.

1. How It Looks on Your Store

2. Setting Up the Product

Step 1: Access your product in Shopify

1. In Shopify admin, go to Products.
2. Select an existing product or click Add Product to create a new one.

For detailed instructions, check Shopify’s guidelines.

Step 2: Upload images & update variants

1. In the Media section, upload all the images you need.
2. In the Variants section, enter the option name and option values for your product.

Step 3: Edit ALT text

1. Click the image to edit the ALT text
2. Select Add alt text and type in the ALT text:

• The ATL Text is the same with Option value you set above, MUST follow this format:

Example: Inside the option name "Color", there is an option value called "Mint blue," then for all images representing this Mint blue option, enter #mint-blue for your alt tag and click "Save alt text."

• All images related to one Option value use the same ALT text 

❓ What about my ALT text for SEO purposes? Simply type your desired text in the ALT field before the # symbol, like this: Example: Super attractive and comfortable #mint-blue.

3. Setting Up the Eurus Theme

Step 1:

Go to the Theme editor and navigate to the Product Page.

Step 2:

• On the right panel, scroll down and enable "Only show media associated with the selected variant".
• Fill in the Option name in "Option to classify variant media" and click SAVE.

Important note:

• The text must exactly match the Option name in Shopify admin
• Enter all languages available on your site, separated by semicolons (e.g. Color; Colour; Couleur)

Note: ✅ Works only for Product information and Featured Product sections. ✅ If ALT tags are set up, the default variant image added in Shopify admin won’t be shown as product featured image. In this case, images which do not have any option name's alt tag will be hidden. ✅ Images display on your storefront in the same order arranged in the Shopify admin media list.

4. How to Show Variant Images on the Page First Load

Make a great first impression with your customers! Learn how to immediately show the most relevant images when customers land on your product page.

Step 1:
In the Theme editor under the Product information section, enable the "Show variant images on page load" option.

This makes sure that when a customer first visits the product page, the variant images show up according to the ALT tags you’ve set up.

Step 2:
Choose how you want to display variant images on the first visit:

Status of	The result on first page load
Enable	Only the images related to the first product variant will be shown.
Disable	The Shopify default variant image will be shown.

Need Help?
Contact support if you encounter any issues.