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.

Sur cette page

Limites de traduction

Chaque fichier de paramètres régionaux de votre thème peut stocker jusqu’à 3 400 traductions. Une traduction correspond à un champ traduisible, tel qu’un texte du bouton ou un titre de section.

Les fichiers de paramètres régionaux contiennent les traductions pour une seule langue, par exemple locales/de.json pour l’allemand. Chaque fichier de paramètres régionaux possède sa propre limite. Cette limite n’est pas un total combiné pour toutes vos langues.

La limite s’applique à tout ce qu’un fichier de paramètres régionaux stocke, y compris les traductions qui y sont enregistrées automatiquement lorsque vous modifiez le contenu de votre thème. Une langue peut atteindre la limite même lorsque vous n’avez ajouté que quelques traductions vous-même.

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 :

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 :

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 :

&larr; Previous Product

Next Product &rarr;

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.

Résolution de problèmes liés aux traductions de votre thème

Résolution de l’erreur liée à un trop grand nombre de clés de traduction

L’erreur Too many translation keys s’affiche lorsqu’un enregistrement aurait pour effet de stocker plus de 3 400 traductions dans un fichier de paramètres régionaux. La traduction n’est pas enregistrée. L’erreur peut également s’afficher lorsque vous modifiez une traduction existante.

Les traductions restent dans un fichier de paramètres régionaux jusqu’à ce que vous les supprimiez, y compris les traductions que vous n’utilisez plus. Avant de supprimer des traductions, dupliquez votre thème afin de pouvoir revenir à la copie précédente.

Pour libérer de l’espace pour de nouvelles traductions, supprimez celles dont vous n’avez plus besoin du fichier de paramètres régionaux depuis l’éditeur de code.

Si vous n’êtes pas sûr du nombre de traductions stockées par une langue, contactez l’assistance Shopify.