Shopify Variants: How to Show Different Product Images by Variant and Language

Shopify variants are the different versions of one product, like a beanie in White, Black, and Yellow. Each Shopify product variant can have its own photos. But if you sell in more than one language, those photos hide a problem. Any words written inside the image (labels, sizes, little notes) stay in the first language even after you translate the page. So a shopper in Germany can be on your fully German store and still see English text inside the picture.

This guide shows how to fix that: show the right photo for the right variant and the right language. The whole idea comes down to one line:

Which variant + which language = which photo.

We tried two ways to do it. One got messy fast. The other stayed simple. Here are both, and why we picked the simple one.

TL;DR #

Text baked inside a photo doesn't get translated when you translate the page. To fix it, show a different photo per Shopify variant and language by naming each photo's ALT text Product Name || Variant || Language (e.g. Alpine Merino Beanie || White || DE). A little theme code reads it and picks the right photo. No translated photo for a language? It falls back to your normal one.

In this guide #

1. Why photos are part of translation, not just words
2. The problem in one line
3. What we needed the fix to do
4. The first way: Translate and adapt + metafield + Theme logic
5. The simpler way: Use the Image ALT text
6. How the store picks the right photo
7. Why the ALT-text way is easier
8. A quick example
9. Translate the hero image and size guide the same way
10. The bigger point: translation is more than words
11. Frequently asked questions

In short: if your product images have text baked into them, translating the page isn't enough. You need a different image per variant and per language. The easy way is to name each image with a simple pattern and let your theme pick the right one.

Why photos are part of translation, not just words #

When people set up Shopify localization, they usually translate the words: titles, descriptions, menus, buttons. That's the easy part to see.

Here's the part people miss:

• A product photo often has words inside the picture: a feature label, a benefit, a size, a "how to use" note.
• Translating the page does not change the words inside that photo.
• So your German store can look fully translated, and the photo still shows English.

That feels off to the shopper, and it's easy to miss because everything else on the page looks right.

• Who this is for: stores selling internationally in a few countries at once, like the US, UK, Germany, France, Switzerland, and similar.

The point: if your selling points are written inside the image, the image needs translating too, not just the text around it.

The problem in one line #

Say you sell a product with three variants in Shopify, one per color:

• Yellow
• Black
• White

Each color has its own photos, and some of those photos have text on them. The product doesn't change from country to country. The only thing that changes is the language of the text inside the photo.

So the whole job is really just this:

Which variant + which language = which photo

What we needed the fix to do #

Before building anything, the fix had to do six things:

1. Link each photo to a specific variant.
2. Pick the photo based on the shopper's language or country.
3. Fall back to a normal photo when there's no translated one.
4. Be easy for the store owner to manage, with no messy setup.
5. Let the owner reorder photos the normal Shopify way.
6. Work through the theme (the store's design), not some separate system.

The first way: Translate and adapt + metafield + Theme logic #

Our first try added a set of extra fields to each variant. Think of it as a small hidden form attached to every variant, where you fill in details about each translated photo. This is the kind of custom Shopify development that works, but costs you in upkeep.

For each photo, the owner had to set:

• The image
• An action (replace, remove, or leave alone)
• A position (where it should sit in the gallery)
• A name for the field

We also used the Shopify Translate & Adapt app to hold the translated photo for each language.

Here's the chain it created:

We built a working demo in a test store and showed the client.

It worked. But it was a lot of admin. For every product, the owner had to keep track of hidden fields, actions, positions, and translation entries. The more variants, images, and languages they added, the more boxes they had to fill in. It got tiring fast. So we looked for something lighter.

The simpler way: Use the Image ALT text #

Instead of adding a new layer of data, we used something every Shopify photo already has: ALT text.

ALT text is the short description you can type for any image (it's mainly there for accessibility and SEO). We turned it into a simple label the theme can read.

The pattern is:

Product Name || Variant Name || Language

For example:

Product Name || White || DE
Product Name || White || FR

The || marks just split the label into parts. The three parts that matter are: the product, the variant, and the language. That's all the store needs to pick the right photo.

Default photos and fallback #

Not every language needs its own photo. So you can leave the language off:

Product Name || White

• That's your normal photo. Your existing English photos keep working, untouched.
• Add a language only when you have a translated photo: ... || DE for Germany, ... || FR for France.

That gives you a clean fallback:

• There's a translated photo → show it.
• There isn't → show the normal photo.

Nothing breaks either way.

How the store picks the right photo #

The ALT-text way still needs a little bit of code in the theme (this is normal Shopify theme customization work). The theme reads the image's ALT text and matches it to the current product, the selected variant, and the current language.

A few nice results of this:

• You can drop the extra fields. The hidden variant fields and the Translate & Adapt setup are no longer needed for this.
• You manage photos the normal way. Upload the photo, type the ALT text in the pattern, done.
• No "position" number to set. You just drag the photo where you want it in the gallery. Shopify handles the order.

Why the ALT-text way is easier #

The real difference isn't the tech. It's how much work the store owner does day to day, and how easy the product page design stays to manage.

Both give you the same result: the right photo per variant and language. The second way just gets you there with far less fiddling.

The point: both work. The ALT-text way keeps everything on Shopify's normal product screen, so anyone on your team can manage it.

A quick example #

Say the product is an Alpine Merino Beanie and you're looking at the White variant.

Here's how it all maps out:

So when someone views the White beanie on the German store, they get the German photo. On the French store, the French one. And if you never made a Spanish photo, they just see the normal one. You never have to build a separate gallery for every country.

Translate the hero image and size guide the same way #

The gallery photos aren't the only images on a product page with words on them. Two more come up on almost every store, and the same ALT-text trick handles both. So this isn't only about variant photos; it's about every image on the page that carries text.

The hero image #

The hero image is the big lifestyle or feature image at the top, and it often has a headline or callout printed on it, like "Stay warm all winter."

• If that text is in English, it stays in English on every store unless you swap the image.
• With the same method, you give each language its own hero image and the theme shows the matching one.
• ALT text: Hero || Beanie for the default, Hero || Beanie || DE for Germany, Hero || Beanie || FR for France.

The size guide #

Size charts are full of words: "chest," "length," "fits like," plus centimeters or inches.

• A German shopper reading an English size chart is exactly the kind of small friction that quietly loses a sale.
• So the size guide image gets a translated version per language too, handled the same way.
• ALT text: Size Guide || Beanie, then Size Guide || Beanie || DE, Size Guide || Beanie || FR.

Here's how both look side by side:

The theme reads the ALT text, checks the shopper's language, and shows the right hero and the right size guide. So the whole product page matches the language now, top to bottom, not just the gallery.

The point: once the theme can pick an image by language, you reuse it anywhere on the page that has text inside an image.

The bigger point: translation is more than words #

This is the bit that's easy to forget. Most stores translate the text and stop there. The text inside the images gets left behind.

If your photos carry words, those photos are part of the experience too. Getting the language in the photo to match the language of the store keeps the whole page feeling right. If you're still setting up your countries and languages, start with Shopify Markets first, then add this photo trick on top.

Frequently asked questions #

Where to go from here #

Translated product photos are one of the last things most multi-country stores fix, and you don't need a heavy system to do it. A simple ALT-text pattern plus a little theme code gives you the right photo for every variant and language, while keeping your day-to-day work on Shopify's normal product screen.

If you want this set up on your store, or just a check of whether your photos and languages line up, book your free Shopify store audit, and we'll show you exactly what to fix.