StoreFront Languages
Storefront Languages in UltraCart
Overview
UltraCart's Storefront Languages feature allows merchants to translate their storefront content into multiple languages, enhancing the user experience for customers worldwide. This feature leverages automatic translation powered by Google Translate, enabling merchants to support up to 60 different languages.
Navigate: Main Menu → Storefronts → Choose Storefront Host → (Storefronts Menu) Languages
Adding and Managing Languages
To add another language to your UltraCart storefront, follow these steps:
Navigate to the Languages tab in your Storefront.
Review the translation cost associated with your storefront's content, which appears in the paragraph above the Language list.
Enable the desired language by checking the corresponding box. You can also enable all languages using the "enable all" checkbox.
Save your settings.
If your theme does not support internationalization (i18n), you will need to upgrade to a theme that does.
(*Supported themes include all current themes available in the Themes Gallery.)
Field | Description |
|---|---|
Language | List of available languages. |
Default | Designates the default language. |
Enabled | Select the checkbox for any additional languages you wish to enable. |
Edit (button) | Click that to access the checkout text editor. You can modify the defaulted text to your liking. |
How Multi-Lingual Support Works
Automatic Language Selection
When a customer visits your storefront, their browser sends an "Accept-Language" HTTP header indicating their preferred languages. UltraCart automatically sets the customer's language preference based on this header if your site supports the language.
Manual Language Selection
Customers can manually select their preferred language using a globe icon in the upper right corner of the desktop view. The language picker displays languages in their native spelling, such as "Español" instead of "Spanish."
Background Translation
New content is translated in the background when a language is first enabled. Customers may initially see some untranslated content until the translation process is complete.
Editing Checkout Text
To edit a specific line of checkout text (heading for input fields, etc.) for a language:
Go to the Languages page and click Edit next to the desired language.
Use the search tool to find the text you want to edit.
Modify the text in the provided edit field and save your changes.
Static Text
When adding static text to a template, use the i18n system to ensure it can be translated.
For example, instead of directly adding text like:
<div class="ucColorSubHeader">Your contact email</div>
use the i18n system:
<div class="ucColorSubHeader">$i18n.write("checkout.viewcart.yourContactEmailField", "Your contact email")</div>
Supported Themes
The following themes support multi-lingual capabilities:
Elements
Hero
Jewel
Lifty
Native
Natural VB
Poppy