How can I translate custom color swatches on a bilingual website?

[Pandora001]

I’ve translated my Shopify into a second language.

The color swatches I have are custom (I uploaded a color png and added alt-text to the variant).

But as I have translated the colors in french, the alt-text (in english) no longer applies.

How can I have the same result in french as in English?

Please see the images below.

In English

In French

[richbrown_staff]

Hey @Pandora001 - is it possible the URL path of the PNG files has been auto-translated?

[Pandora001]

Hi !

I’m translating this page into french and use alt-text in the product section to define the color swatch
for example: “#color_spring tan”

but once the colors are in french, and the alt-text remains in English, it cannot match. and I have no idea how to work around this.
Many thanks for your time!

[Pandora001]

I thought I had found the solution by adding the french swatch to my theme setting but it still doesn’t work.

[richbrown_staff]

Are you able to upload a wholly separate image for French (Settings > Files) with the French alt text there, then translate to that image?

[Pandora001]

So i found the solution,

1. you CAN put multiple alt-texts, just don’t use semi-colomns, write them as follows.

2. for the color swatch: translate them in the translator app! don’t just add them in the theme

And now it works just fine !

[richbrown_staff]

Fantastic - thanks for updating

[irene-apparel]

Hi, I have the same problem, can you help please? How do you actually translate color swatches to a different language? I don’t see it anywhere in the Localization app. For example, I uploaded a custom pink color with the filename pink.png, but the actual color should say “рожевий”. I can’t upload a file with this name, because it’s non-Latin and doesn’t get recognized by the system, so can I just keep the filename pink.png and then somehow translate it on the front end? How?

Thanks

[roeeaizman]

@Pandora001 Can you help me solving it?