Advice and answers from the LangShop help center

To customize switchers, follow this instruction:

  1. Go to the "Settings" section and open the "Languages" section.
  2. Click on the "Switchers" and click on the necessary switcher.
  3. Make appropriate settings and save changes. You are able to disable/enable it, change the switcher's type, icon type, position, etc. 

Switcher type

There are 3 types of switcher:

  • Dropdown
  • Inline
  • Select
  • iOS
  • Modal

Switcher icon type

Types of flag icons can be also changed. At your disposal there are the following types:

  • Rounded
  • Circle
  • Square
  • Rectangle 

Pre-designed CSS

If you enable this option, you will use our default switcher style. If you disable it, the switcher won't be styled. 

Show languages codes as titles

By default, the switcher displays the full title of languages. If you want to display a short title of the switcher, select the "Show languages codes as titles" option.

Switcher position

Set fixed switcher's position on the screen:

  • Right-Bottom
  • Left-Bottom
  • Right-Top
  • Left-Top

Note: You are able to set a "Relative" position. It will give you an opportunity to manage the switcher's position by editing the HTML code.

Switcher display

  • Titles - the switcher displays only titles of languages. 
  • Icons - the switcher displays only icons (flags) of languages.
  • All - the switcher displays both titles and icons of languages. 

While customizing the switcher, all changes you will see in the preview window.



Switcher offset

 You can set offsets for switchers. Fill presented fields and choose measure type (px, %, em).

Switcher snippet

 LangShop allows displaying switchers on the positions described above. If you want to display them into a non-default place, use the snippet.

Switcher shortcode


Disable switcher

To disable the language switcher, do the following:

  1. Go to the "Settings" => "Languages" => "Switchers".
  2. Click on the switcher you need to disable.
  3. Click "Disable"

Did this answer your question? Ask any help from community or contact application support if needed.

Contact Us