Advice and answers from the LangShop help center

To customize currency switchers, follow this instruction:

  1. Go to the Settings section of the app and open the Currencies 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. Don't forget to save.

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

Switcher type

There are 5 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 currencies codes as titles

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

Switcher position

Set fixed switcher's position on the screen:

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

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 currencies. 
  • Icons - the switcher displays only icons (flags) of currencies.
  • All - the switcher displays both titles and icons of currencies. 

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


Click on the icon of the tablet, mobile, or desktop and the currency switcher won't be displayed on the chosen device.

Switcher offset

You can set offsets for switchers. Fill presented field and choose measure type (px, %, em). For example, you want to move a switcher away from the screen borders. In the appropriate field, you set values like "10px 15px". And the switcher will be moved.

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. To learn more about how to add a currency switcher to the non-default place, please, read our article - Add currency switcher to a custom position.

Switcher shortcode

Shortcode allows adding language switcher to positions not covered by the standard application settings. For further information, please, refer to the article - Add currency switcher to the navigation menu.

Disable switcher

To disable the currency switcher, do the following:

  1. Go to the Settings => Currencies => 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