Nous allons voir dans ce tutoriel très rapide comment traduire des mots ou des phrases sur Shopify ! Le système va se baser sur la langue du navigateur du client afin de détecter la langue utilisée.

Attention: cette pratique ne remplace pas un système de traduction mais peut être utile pour traduire des termes que les applications tel que Weeglot ou Langify n’arrivent pas à traduire.

Comment l’installer et l’utiliser ?

Ca va aller très vite ! rendez-vous dans boutique en ligne – actions – modifier le code et trouvez votre dossier Ressources (Assets) – A ce stade il vous faut trouver votre fichier .css… généralement theme.js, base.js, app.js ou global.js. Une fois le fichier trouvé mettez-vous tout en bas du fichier et copiez/collez le code suivant:

function dgTranslator(language, text, newText) {  
const userLang = navigator.language || navigator.userLanguage;
if(userLang.includes(language)) {
document.body.innerHTML = document.body.innerHTML.replace(text, newText);
}
}


dgTranslator('fr',`Hello`, `Bonjour`);
dgTranslator('es',`Hello`, `Hola`);

Le code se compose d’une function permettant de traduire une occurence.

Vous avez 2 exemples pour le français et l’espagnol !

  • 1er argument : la langue du client (son navigateur)
  • 2ème argument : le terme à remplacer
  • 3ème argument : le nouveau terme traduit

Amusez-vous à dupliquer chaque ligne d’appel de la fonction pour chaque mot ou portion de phrase à traduire exemple à dupliquer ci-dessous:

Si c’est pas assez clair, je vous invite à regarder la vidéo  😉

Merci de me laisser une petite note 😉
[Note moyenne de: 5 sur 2 votes]

Besoin d'aide ?

Vous avez un problème pour faire fonctionner ce tutoriel ou vous avez un besoin spécifique ?
Nous pouvons le faire pour vous ! pour ce faire merci de prendre contact avec notre équipe.

En savoir plus

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Besoin de déléguer votre SAV ?

Si vous avez besoin d'une personne pour gérer votre SAV j'ai la perle rare 😉 contactez moi en MP ou cliquez sur le bouton ci-dessous:

Je veux déléguer mon SAV

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Cet article a 2 commentaires

  1. ça ne marche plus

    1. Hello, ca fonctionne tjs mais disons que maintenant il est préférable de passer par une app de traduction

Laisser un commentaire

Fermer le menu