Adding languages

Your customizer can be translated into many languages. To add a language:

  1. Go to the Translations page.

  2. Click on + Add a language.

  3. Choose your language.

Adding translations

You can translate the theme, as well as your products. The theme is a general translation of the customizer. The product translations are related to each product separately.

  1. Click on the language you have added.

  2. Enter the corresponding translations for each expression or word.

  3. Hit the Save button.

Previewing your translations

To preview your translations in the customizer:

  1. Go to the Products page and open your product

  2. Click on the Preview button (top right of the screen).

  3. Remove this at the end of the URL:

  4. Add this at the end of the URL:

    ?lang=[language code]
  5. Replace [language code] by your two-letter language code, for example fr or es.

Using translations to rename some elements of the user interface

The default language is English. If you would like to rename an English term:

  1. Click on + Add a language

  2. Select English / English.

  3. From there, you can add your translations, for example: Add to cart --> Add to bag.

How does Kickflip detects the page language?

Our app uses the lang attribute (lang=XX) from the html tag of your page to detect the language. From there, it will display the corresponding translation if you have added it in Kickflip. If no lang=XX is detected, english will be displayed. If no translation has been added, english will be displayed.

How does it work in Shopify ?

Kickflip will display the correct languages by detecting the store's language. This will work with the most popular translations plugins such as: Shopify Translate & Adapt + Geolocation by Shopify, Languify, Weglot, Panda Language Translate, LangShop and Multi Lingo.

Important: Kickflip can only detect the language when the product page loads. If your plugin changes the language without reloading the page, Kickflip will not be able to detect it and display the correct translation. You should find a setting in your plugin to force the page to reload when the language is changed.

Did this answer your question?