Language Switcher

Language Switcher

Languages Settings:

1. Language Order

Each new language you added from your Shopify admin will automatically display in the list below.
You can drag to reorder your languages list or show/hide the language.


You also can change the flag and label for your language.


2. Label and flag display:

You can choose how to display the label of language: Language Code, Language Name or None (only display the flag).
With the flag, you can show/hide the flag and change the flag shape.


Switcher Settings

1. Display:

There are 2 ways to add the switcher to your theme: Inject to theme or Fixed position.

Inject to theme

If you want to inject the language switcher to your theme, here are some methods:
  1. Automatic detect theme: the switcher will be automatically added to the header of your theme. You can check our supported themes list here.
  2. Select a specific theme: this helps you select your theme's original name in case our app can't detect your theme or your theme has been renamed.
  3. Insert short code: You can add the short code to display the language switcher at the position you want. For more information, you can view this instruction.
  4. Use CSS selector (advanced): Find the CSS selector of the element where you want to insert the language switcher. The switcher will appear on that element. View this instruction.

Fixed position

The language switcher will display as a floating button on your theme.  You can modify the position of the switcher both on desktop and mobile.


2. Extra Settings:

  1. Inject to theme: change the trigger type for your switcher (Hover or Click), and show/hide the switcher on mobile.
  2. Fixed position: choose your switcher type (Dropdown trigger type or Line). With "Dropdown trigger", you can select the trigger type as Hover or Click.

3. Style Settings: 

In this part, you can adjust some style settings for your language switcher: Background color, Font color, Font family, Font size.

    • Related Articles

    • How to embed language switcher to different position on your pages?

      1. Insert shortcode * This method might require coding experience You may want to put the language switcher on a selected position (e.g next to your store's logo, on top of cart icon, etc.) To integrate the switcher into your theme, choose Insert ...

    • How to use Tranzi app

      What is Tranzi? Tranzi helps you to create a global store with ease: - Translate your store to multiple languages with AI Translation and manual translation. - Add a nice language switcher to your store - Create multilingual versions of Smart Menu, ...

    • I can't change the language after translating

      After translating your store to desire language, you need to select the languages visitors can view on your domain. First, you need to go to your Domain settings on Shopify and manage your primary domain Click on Change domain default to set the ...

    • Glossary

      You can set a rule for certain terms/phrases to be always or never translated in your auto-translation process by using Glossary. The words you added in the glossary list will be automatically replaced by your provided words. You need to set up ...

    • Checkout Validations

      1. Custom Rules You can set validation rules to ensure order meets specific conditions based on your cart, delivery information, and personal details. Step 1: Add your condition for the Custom Rules at Check if... section with these options to set it ...