Translating the Cart Drawer and Sticky Add-to-Cart
If your store sells in more than one language, you can translate every text customers see in the cart drawer and the Sticky Add-to-Cart bar. Anything you don't translate shows your default text.
How it works
- Translations are added by hand, per language. There is no auto-translate.
- They're added per section, in a Translations card at the bottom of each section. There's no single global translations page.
- The drawer shows the language of the storefront the customer is browsing. It doesn't look at the customer's country or browser.
- Languages come from the languages set up in your Shopify store.
Add a translation
- Open the section whose text you want to translate, like Settings, Spend tiers or Upsell.
- Scroll to the Translations card.
- Click Add translation and pick the language.
- Fill in the translated text and save.
To check your work, pick the language in the Language select at the top of the editor. The preview switches to that language.
What you can translate, and where
| Text | Section |
|---|---|
| Cart title, empty cart message and button | Settings |
| Timer message, end message, labels | Timer |
| Announcement message | Announcement bar |
| Spend tier messages, reward description, discount name, Choose gift button (also the gift picker's heading) | Spend tiers |
| Offer name, badges, button text, discount name | Upsell, Side Cart Upsell, Empty cart: Upsell (per offer) |
| Subscription buttons and plan labels | Product line item |
| Note texts and validation message | Order note |
| Order upsell name, description, checkout and link texts | Order upsell (per upsell) |
| Discount link, field label, messages, button | Discounts |
| Subtotal label | Subtotal |
| Button text, agreement text, validation message | Checkout button |
| Block content | Custom HTML (per block) |
| Add to cart and Sold out buttons | Sticky Add-to-Cart > Content |
| Announcement text, timer labels, end message | Sticky Add-to-Cart > Announcement bar |
Keep variables as they are
Words in curly brackets, like {timer}, {remaining_amount}, {price} or {discount}, are filled in live. Copy them into your translation exactly. If you translate the word inside the brackets, the live value won't show.
The language I need isn't listed
- In Shopify admin, go to Settings > Languages.
- Add the language and publish it.
- Go back to the app. It now shows in the language list.
Translations don't show on the store
- Check the language is published in Shopify, not just added.
- Make sure you're browsing the store in that language.
- Save the section, then hard-refresh or use a private window.
Limits
| Item | Translatable? |
|---|---|
| The app's admin screens | No. Only texts customers see |
| Button links (checkout, empty cart button URL) | No. One link for all languages |
| Different messages per market | No. Only per language |