Adding a language selector

If you would like to add a language switcher to your online store, LangShop can help you display the language button for different devices. 

From your LangShop Admin, open LangShop Settings -> Languages.

Under the Languages title, open the first option called Switchers.

Find the Languages Selectors box at the left sidebar menu, click Add to enable a new switcher.

By default, the language switcher will appear at the bottom right. Make sure to Save changes and update your translated theme. 

If you would like to change the position of the language switcher, find the Advanced tab -> Selector position. There are five options where you can place the button. The standard variants are bottom-right, bottom-left, top-right, top-left. If you need to set the language selector to a custom position (header, footer), select the Relative position. It requires some extra steps in the theme code to pasting the given selector snippets, for example, {% render "ls-languages-switcher", id: 3942485564 %}, [LS_LANGUAGES_SWITCHER 3942485564](snippets have unique IDs for every switcher every time you add them to a store) to the right template and line. 

You can also manage three main buttons in Languages Settings. The Content tab gives you access to name the switcher, display titles or icons, change the flag icon type, set the full name of the language or shortcode. The Style tab allows you to style the language button using different colors and fonts. The Advanced tab offers to set the position of the language button, define the offset position, manage the visibility of selectors on Mobile, Tablet, and Desktop devices. You may add two or more switchers for different screens. For that, consider hiding the language icon by unchecking the visibility box.