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 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 1 votes]

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

Laisser un commentaire

Fermer le menu

Envie d'apprendre à Coder et Maitriser ton Thème Shopify  ?

Alors abonne-toi à la chaine et active la cloche pour ne pas louper l'arrivée des prochaines vidéos !

S'abonner à la chaine