Traduction des thèmes

Vous pouvez activer plusieurs langues depuis votre interface administrateur Shopify afin que les clients du monde entier puissent consulter le contenu dans leur langue maternelle.

Pour les thèmes compatibles avec la vente en plusieurs langues, vous pouvez changer la langue par défaut du thème et ajouter d’autres langues afin que les clients puissent sélectionner leur langue de prédilection. Si votre thème n’a pas la langue que vous souhaitez ou si vous souhaitez modifier les traductions par défaut, vous pouvez alors créer vous-même les traductions.

Créer une traduction pour votre thème

Vous pouvez traduire et localiser votre boutique pour changer la langue de votre thème. Vous pouvez ajouter vos propres traductions en installant l’application Translate & Adapt de Shopify, en utilisant l’exportation/importation de fichiers CSV ou en utilisant une application tierce.

Types de contenu pouvant être traduits

Il existe trois principaux types de contenu que vous pouvez vouloir traduire :

• Texte brut
• HTML
• Liquid

Vous pouvez traduire chaque élément de texte en saisissant des traductions dans les champs de texte.

Vous n’êtes pas obligé de traduire tous les champs de votre thème. Vos modifications sont enregistrées automatiquement, et vous pouvez vous arrêter à tout moment. Vous pouvez accéder à toute traduction existante si vous souhaitez y apporter des modifications.

Si vous laissez un champ sans traduction, la langue par défaut du thème est utilisée.

Vous pouvez traduire le texte brut directement, mais vous devrez être particulièrement prudent lors de la traduction de blocs de texte contenant du code HTML ou Liquid.

Traduire du texte brut

Pour la plupart du texte de votre boutique en ligne, vous n’avez pas besoin d’utiliser du code HTML ou Liquid. Lorsque vous saisissez la traduction d’un bloc de texte brut, il vous suffit de remplacer le texte par son équivalent dans l’autre langue.

Blocs de texte contenant du code HTML

Si un bloc de texte contient du code HTML, des paires de chevrons (< >) entourent les mots ou les expressions.

Vous devez comprendre comment le code HTML est utilisé dans le bloc que vous traduisez. Bien que vous deviez conserver la plupart du contenu dans l’anglais d’origine, il peut y avoir des mots en anglais en dehors des chevrons que vous voudrez traduire.

Les blocs de texte contenant du code HTML sont généralement utilisés pour les raisons suivantes :

• créer des liens vers une autre partie de votre boutique en ligne ou vers un autre site web
• ajouter une mise en forme au texte

Traduire les noms de liens HTML

Un lien HTML est entouré de balises qui commencent par <a href= et se terminent par </a>.

Vous devez traduire uniquement le nom du lien, et non ses autres composants. Le nom du lien est la seule partie du lien que vos clients verront.

Continue browsing <a href="/collections/all">here</a>.

Dans cet exemple, vous remplaceriez les mots Continue, browsing et here par une traduction appropriée.

Ne traduisez jamais l’adresse de destination (également appelée la cible) dans un lien. L’adresse de destination est l’endroit où un client est dirigé lorsqu’il clique sur le lien. Elle est toujours entre guillemets et pointe vers une adresse web spécifique. Dans l’exemple de lien, l’adresse de destination est /collections/all.

Traduire du texte mis en forme avec du code HTML

Le code HTML est parfois utilisé pour mettre en évidence ou ajouter une mise en forme supplémentaire à des mots ou des expressions, ou pour afficher des symboles. Vous devez traduire uniquement les mots mis en forme par le code HTML, et non les codes ou les balises eux-mêmes. Jetez un œil aux exemples pour vous assurer que vous comprenez ce qu’il faut traduire et ce que vous devez laisser inchangé.

Exemples de style HTML

Dans l’exemple suivant, les balises <strong> sont utilisées pour afficher du texte en gras :

<strong>On Sale</strong>

Dans ce cas, vous ne traduiriez que les mots On Sale.

Dans l’exemple suivant, les codes HTML ← et → sont utilisés pour générer des symboles de flèches gauche et droite :

← Previous Product

Next Product →

Ici, vous ne traduiriez que les expressions Previous Product et Next Product.

Dans l’exemple suivant, les balises HTML <strong> sont utilisées pour afficher le nom de fichier collection-sidebar.liquid en gras.

Add a type to your products for this list to build itself. All lists are created
in <strong>collection-sidebar.liquid</strong>

Le nom de fichier ici est un fichier de modèle Liquid. Vous ne devez traduire le nom du fichier que si cela est nécessaire pour correspondre au nom du fichier lui-même. Par exemple, si vous avez créé vos propres fichiers, vous devrez peut-être modifier le nom du fichier dans le code HTML.

Ne traduisez jamais les balises HTML ni les codes de symboles. Ils sont utilisés par votre navigateur et ne sont pas vus par vos clients.

Blocs de texte contenant du code Liquid

Ne traduisez jamais les balises, les objets ou les filtres Liquid.

Liquid est le langage de modélisation qui contrôle l’apparence de votre site web dans différents contextes. Le contenu Liquid est toujours entouré de l’un des ensembles de symboles suivants :

• {{ et }}
• {% et %}
• {%- et -%}

Par exemple :

Posted on {{ date }}

Dans cet exemple, vous ne traduiriez que le texte qui entoure le code Liquid, et non {{ date }}.

Voici un exemple de champ de texte qui utilise une combinaison de texte brut, de code HTML et de code Liquid :

<strong>{{ author }}</strong> on {{ date }}

Bien que cet exemple puisse paraître complexe, la seule partie que vous devez traduire est le mot on.