Multi-language (Shopify Markets)

Navi+ supports multi-language in two ways: inline translation syntax and a language switcher built directly into your menu.

1. Inline translation syntax

Add translations directly in a menu item’s label using this syntax:

Default-content <language-code-1: Content-1><language-code-2: Content-2>

Example — a Tab Bar shown in English, French, and Vietnamese:

Home <fr: Maison><vi: Trang chủ>

When the menu renders, Navi+ checks the current page language and shows the matching translation. If no match is found, it falls back to the default.

This syntax works in the label, description, and link-to fields.

2. Language switcher

You can build a language switcher inside any Navi+ menu. Use the open:ChangeLanguage() action on a menu item:

open:ChangeLanguage(fr)

When a visitor taps that item, the site switches to French. You can add flag icons from a site like Flaticon to make the switcher more visual.

Language code reference

Navi+ supports all standard ISO 639-1 language codes. If your SEO system uses a different format (e.g. en-EN instead of en), the two-character code still works.