How do I use translations in Liquid?

You can access translations using the translation filter (| t) by referencing the JSON key, for example: {{ 'general.search' | t }}.

How does Shopify handle pluralization in locale files?

Shopify uses specific key suffixes like '_one' and '_other' to handle pluralization. The correct string is automatically selected based on the 'count' variable passed to the translation filter.

Can I include HTML inside my Shopify translation strings?

Yes, if a translation key ends with '_html', Shopify will render the HTML content within the string when using the | t filter.

How do I translate section settings in the Shopify Theme Editor?

In your Liquid section's schema, prefix the label or info value with 't:', followed by the translation path defined in your schema locale file.

What is the difference between content and schema translations?

Content translations (e.g., en.default.json) are for text displayed to customers on the storefront, while schema translations (e.g., en.default.schema.json) provide localized labels and info text within the Shopify Theme Editor.

Shopify Theme Internationalization

Name: Shopify Theme Internationalization
Author: sarojpunde

bysarojpunde

•

전자상거래 솔루션

Implements multi-language support and locale-aware content for Shopify themes using standardized Liquid patterns and JSON translation files.

소개

This skill provides a comprehensive framework for implementing internationalization in Shopify themes, guiding developers through the creation of locale files and the use of the Liquid translation filter. It covers content translations for storefronts, schema translations for the Theme Editor, and advanced patterns like pluralization, variable interpolation, and accessibility labels. By following these best practices, developers can build scalable, globally-ready Shopify stores that handle multiple languages and regions efficiently while maintaining a clean codebase.

주요 기능

Liquid translation filter implementation for storefront content
1 GitHub stars
Theme Editor schema internationalization for custom sections
Pre-defined patterns for accessibility, UI, and form validation
Advanced variable interpolation and pluralization support
Standardized multi-language locale file structure

사용 사례

Building a multilingual Shopify storefront with seamless language switching
Localizing custom theme sections and blocks for the Shopify Theme Editor
Standardizing UI components with locale-aware labels and accessibility text

소개

주요 기능

Liquid translation filter implementation for storefront content
1 GitHub stars
Theme Editor schema internationalization for custom sections
Pre-defined patterns for accessibility, UI, and form validation
Advanced variable interpolation and pluralization support
Standardized multi-language locale file structure

사용 사례

Building a multilingual Shopify storefront with seamless language switching
Localizing custom theme sections and blocks for the Shopify Theme Editor
Standardizing UI components with locale-aware labels and accessibility text