Langify can be published to your theme as an embedded app. Within the embedded app section you will find additional settings - some of them mandatory, some of them optional. Click on Enable langify to open and view these settings:

A view of the Embedded App section of langify, with all its options

Below you will find further details on each setting.

Basic Settings

Enter your Theme ID

The "Enter Your Theme ID" option with an empty window to add the current theme's ID

Entering your Theme ID links langify’s theme settings (Switcher Configurator and Theme Settings) to your current theme.

The theme ID entered here should always reflect the ID of your current theme.

How to find the current theme's ID in the URL in order to add it into the field of the langify embedded app settings

CSS Files

Block flags CSS

The "Block Flags CSS" option shown as disabled

This option has recently been removed as langify no longer loads flags via the flags CSS file. Flag icons are now optimized by loading only the necessary icons from Shopify. If you still prefer to hide the flag icons, please go to the langify Switcher Configurator > Appearance > Icon and set this to "No icons".

With this option enabled, langify will not load the langify-flags.css file in your storefront. This can have a positive impact on loading speed.

If this option is enabled, the langify switcher will no longer be able to show flag icons. You can however upload custom flag icons to work around this.

Block lib CSS

The "Block lib CSS" option shown as disabled

If this option is enabled and the langify-lib.css file blocked, it can have a positive impact on loading speed.

Do not enable this option if you are using a langify switcher. The default switcher styling will be missing and the switcher layout broken.

Custom RTL CSS

The Custom RTL CSS field whih the user can to add custom CSS rules for RTL languages

If you have a right-to-left language in your store, you can add additional CSS in this box in order to adjust the layout if your theme is not optimized for this out of the box.

This CSS will be applied for right-to-left languages only. These are:

  • Arabic
  • Hebrew
  • Persian
  • Kashmiri
  • Kurdish
  • Pashto
  • Urdu
  • Yiddish

Manage App

"Manage app" link displayed at the end of the langify embedded app settings

Finally, you can jump directly into the langify app by clicking the Manage App option.