How to make Vario work with Translation Lab app

Vario is compatible with Translation Lab ‑ AI Translate.

It requires some custom work, however, you only need to set up once.

STEP 1: Contact us to add custom code

1. Get in touch with us and share your store collaborator access.
2. We’ll get back to you as soon as we can with further instructions. The steps may vary depending on how many languages you need to translate on your store.

While it can be a bit different from theme to theme, below you can find the general idea of how to add compatible translation strings.

STEP 2: Manually add translate strings (required)

Please go to your theme code directory > open Assets folder, you will see a new file called vario-translate.js. This is where you should add your translation strings.

For example, you have two languages which is French and English on your Shopify store. You’re supposed to add two variant option names accordingly.

When you add new translations, please declare them in the vario-translate.js file (original and then translate, respectively).

var varioTranslates = {
  "Couleur": ['Color']
  "Taille": ['Size']
}

For more than 2 languages, simply add the translated variant option names like this:

var varioTranslates = {
  "Couleur": ['Color', 'Farbe', 'Color']
  "Taille": ['Size', 'Größe', 'Tamaño']
}