Vous passez par dsers ou oberlo et vous en avez marre de revenir sur chaque fiche pour modifier le nom des variantes Color et Size ? Alors ce tuto est fait pour vous !
Installation du code
Ce bout de code va automatiquement remplacer l’occurrence Color et Size pour les transformer en Couleur et Taille.
1 Rendez vous dans Boutique en ligne – Actions – Modifier Code
2 Trouvez le dossier Ressources (Assets) et repérez un fichier global.js, theme.js, ou un fichier xxx.js.liquid que votre thème utilise
3 Rendez vous tout en bas et copiez/collez le code ci-dessous:
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.
Ca marche parfaitement merci ! Maintenant il ne m’affiche plus les variants dans mes pages catalogues, shopify ne reconnaissant seulement les termes « Color » et « Colour » pour comprendre qu’il s’agit d’une variante couleur et non la taille par exemple.
Sauriez-vous où je dois aller modifier ça pour que shopify reconnaisse le terme « Couleur » comme une variante « Color » ?
Un grand merci à vous je crois que j’ai appliqué tous vos tutos 😉
Bonjour à tous
Je voudrais faire un shop en ENG, je l’ai fait dans édit language, mais quand je fais preview il y a des parties qui ne sont pas traduites en ENG dans la fiche produit (FAQ, Description, Pourquoi acheter chez nous)
Quelqu’un peut il me dire comme traduire ces parties en ENG SVP
Merci à tous
bonjour,
après de multiple essai je n’ai pas réussi a traduire les termes comme dans le tuto…
dans theme.js ou même dans d’autre assets cela ne fonctionne pas.
j’ai le thème « debut » sur shopify.
En espérant obtenir une réponse
Merci pour vos Tuto! (c’est le seul qui me résiste 😉
bonjour et merci pour ce super tutoriel !
Ca fonctionne pour moi :).
Malheureusement les mots « inch » et « cards » (je vends de la carterie) ne sont pas traduits et non trouvables dans les champs à traduire en français. Auriez-vous une astuce ?
Ca serait super.
Bonsoir, ça fonctionne très bien pour « color » et « size ».
En revanche, j’ai un souci pour certains articles notamment les chaussures, je n’arrive pas à supprimer le mot « Shoe » et me retrouve avec « Shoe Taille ».
Bonjour , merci à toi pour ton aide mais malheureusement j’ai essayer les 2 codes dans J.liquid mais ça ne marche pas ! Je ne sais pas quoi faire ? Merci
Bonjour, Super info ! Cela fonctionne très bien sur la page produit mais sais tu comment l’adapté au mode quick-view stp ? Et peux t’on ajouter des champs pour les variantes de couleurs? Black en Noir etc… ?
Hello, Merci pour le com.
Pour le Quick view ca dépent de bcp de facteurs. Si il est intégré, si c’est une app… en gros il faut jouer et trouver les identifiants css ou id pour adapter le tuto en conséquence. Bonne chance et bonne journée
Finalement ça fonctionne, j’ai été mauvaise langue, erreur de frappe de ma part, désolé.
Il faut saisir le code dans apps.js.liquid.
En revanche, pour le raccourci « + ACCÈS RAPIDE » aux fiches produits, ça ne fonctionne pas. Je cherche encore où rajouter ce code.
Bonjour, js.liquid n’existe pas sur mon thème Venture.
Dans ASSETS j’ai trouvé celui là: theme.js > j’ai collé le code en bas. j’ai pas du faire ça correctement ça marche pas.
Les dernières lignes avant c’est bien sensé être ça ?
onLoadHideLazysizesAnimation();
};
Bonjour Dgeo, j’ai réussi a traduire sur ma page produit les terme « Color »-> »Couleur » et « Ships From »-> »Expédition » mais dans mon panier c’est toujours inscrit « Color » et « Ships From ».
Pourriez-vous m’aider?
Bonjour, dans le panier c’est effectivement un autre code à developper mais ca dépend du thème, un code générique serait impossible. à voir selon le thème utilisé. MP au besoin le lien du site.
Salut Dgeo, pour speedfly ça fonctionne bien en mode « swatch » dans la fiche produit, en revanche quand on utilise la barre déroulante ça ne fonctionne plus…Sais-tu quelle partie du code je dois modifier ?
Bonjour Dgeo, Le code fonctionne pour le remplacement du nom des variante. En revanche je souhaite pourvoir changer les nom des couleurs pour les mettre en français.
Comme j’utilise la fonction « color swatches » et que cela ne prend en compte que les noms des couleur html en anglais.
Ex https://www.rapidtables.com/web/color/html-color-codes.html
L’objectifs est de pouvoir traduire White = BLANC.
Hello Dgeo tout d’abord un grand merci pour tout t’es tutos j’attend toujours avec impatience de nouveaux tutos cela dit j’ai un souci pour la traduction sur mon thème qui ce nomme « Wookie » aurais tu une idée dans laquelle je pourrais me diriger ? merci.
Hello et merci pour le commentaire c’est sympa 😉 j’ai déjà fais une playlist la dessus au besoin et je pense effectivement me pencher plus sur le liquid 😉 https://youtu.be/VPsvE1-vLAA
Merci, malheureusement votre thème ajoute une information en plus de l’intitulé, il met la couleur 🙁 du coup ce n’est pas possible sauf intervention technique dans le code
Bonjour,
Avez-vous un code compatible avec le thème Showcase ?
Car en installant les functions ci-dessus cela ne fonctionne pas, ce qui est normal car créées pour vos thèmes.
Ce serai super, merci beaucoup.
Chris
13 Fév 2018Merci pour tes excellents tutos !
Mica
18 Fév 2018Merci je cherchais depuis un petit bout de temps la solution.
Marion
21 Fév 2018Super !Merci!
JB
1 Mar 2018Ca marche parfaitement merci ! Maintenant il ne m’affiche plus les variants dans mes pages catalogues, shopify ne reconnaissant seulement les termes « Color » et « Colour » pour comprendre qu’il s’agit d’une variante couleur et non la taille par exemple.
Sauriez-vous où je dois aller modifier ça pour que shopify reconnaisse le terme « Couleur » comme une variante « Color » ?
Un grand merci à vous je crois que j’ai appliqué tous vos tutos 😉
JB
dgeo22
2 Mar 2018Bonjour, je suis navré mais je n’ai rien compris…
marcel
6 Mar 2018Bonjour à tous
Je voudrais faire un shop en ENG, je l’ai fait dans édit language, mais quand je fais preview il y a des parties qui ne sont pas traduites en ENG dans la fiche produit (FAQ, Description, Pourquoi acheter chez nous)
Quelqu’un peut il me dire comme traduire ces parties en ENG SVP
Merci à tous
dgeo22
7 Mar 2018En achetant Speedfly vous avez les trads disponibles 😉
RENE DE NAEYER
3 Avr 2018Bonjour désolé mais chez moi cela ne marche pas est ce que c’est le fait que j’utilise le thème de luxe ?
Dgeo GD
5 Avr 2018Salut, à mettre dans le surcharge.js.liquid si tu as Speedfly
Guillaume BRUNET
11 Avr 2018Bonjour,
J’ai placé dans mon fichier .js.liquid le texte tout en bas mais cela ne fonctionne pas,
Il y a t’il un soucis avec mon thème ? le nom complet est axajify.js.liquid
Bonne journée
Dgeo GD
11 Avr 2018Bonsoir, non ce n’est pas ce fichier qu’il faut utiliser. un theme.js.liquid ou style.js.liquid ou timber.js.liquid
Guillaume BRUNET
13 Avr 2018Il faut le placer dans theme.js alors ?
Car en .js.liquid je n’ai que le axajify.js.liquid
Guillaume BRUNET
13 Avr 2018Autant pour moi, cela marche effectivement bien dans theme.js
En vous remerciant et vous souhaitant une bonne journée,
Cordialement
Max FOUCHER
12 Mai 2018Niquel merci encore une fois pour ton super tuto.
Dgeo Dev
15 Mai 2018Merci pour le com 😉
VERLINDEN PASCALE
6 Juil 2018Super merci
seb
11 Oct 2018bonjour,
après de multiple essai je n’ai pas réussi a traduire les termes comme dans le tuto…
dans theme.js ou même dans d’autre assets cela ne fonctionne pas.
j’ai le thème « debut » sur shopify.
En espérant obtenir une réponse
Merci pour vos Tuto! (c’est le seul qui me résiste 😉
Dgeo Dev
18 Oct 2018Hello, peut être une erreur JS quelque part, il faudrait voir le site pour constater le problème en réel
Amillu
28 Jan 2019bonjour et merci pour ce super tutoriel !
Ca fonctionne pour moi :).
Malheureusement les mots « inch » et « cards » (je vends de la carterie) ne sont pas traduits et non trouvables dans les champs à traduire en français. Auriez-vous une astuce ?
Ca serait super.
Merci encore beaucoup pour votre aide 🙂 .
Dgeo Dev
29 Jan 2019Bonsoir, merci pour le commentaire. Il faut simplement modifier les occurences Color et Size par vos 2 mots (attention aux majuscules).
ael
7 Fév 2019Bonsoir, ça fonctionne très bien pour « color » et « size ».
En revanche, j’ai un souci pour certains articles notamment les chaussures, je n’arrive pas à supprimer le mot « Shoe » et me retrouve avec « Shoe Taille ».
Dgeo Dev
20 Fév 2019Hello, il faut rajouter quelque chose comme ca:
$("form label").text(function () {
return $(this).text().replace("Shoe Taille", "Taille");
});
Max
10 Fév 2019Salut,
Super tuto
J’ai pas pu le mettre en place car j’ai un thème payant différent du tiens.
Et malheureusement, je n’ai pas de theme.js.liquid ou style.js.liquid ou timber.js.liquid ou theme.js.
j’ai essayé de le placer dans différents fichiers mais rien à faire. Je dois forcément le mettre dans un .js ? Dans jquery.js ça n’a pas fonctionné.
Encore Merci
Bonne journée
Dgeo Dev
20 Fév 2019Hello, oui il faut un fichier .js donc trouver le bon dans assets 🙂
Paul
7 Mar 2019Merci beaucoup pour ce tuto simple et efficace ! 🙂
Mike
5 Avr 2019Bonjour , merci à toi pour ton aide mais malheureusement j’ai essayer les 2 codes dans J.liquid mais ça ne marche pas ! Je ne sais pas quoi faire ? Merci
Dgeo Dev
7 Avr 2019Hello, Surement le mauvais fichier ou alors une erreur JS. Tu peux me MP sur mon facebook au besoin.
Momo
30 Mai 2019Bonjour, Super info ! Cela fonctionne très bien sur la page produit mais sais tu comment l’adapté au mode quick-view stp ? Et peux t’on ajouter des champs pour les variantes de couleurs? Black en Noir etc… ?
Merci
Dgeo Dev
30 Mai 2019Hello, Merci pour le com.
Pour le Quick view ca dépent de bcp de facteurs. Si il est intégré, si c’est une app… en gros il faut jouer et trouver les identifiants css ou id pour adapter le tuto en conséquence. Bonne chance et bonne journée
Pascal
21 Août 2019Bonjour, c’est génial !
Et pour mettre à jour automatiquement les variantes elles-mêmes ?
Ex pour la couleur: White -> Blanc ?
J’ai ajouté la même ligne mais ça ne semble pas fonctionner
Merci 🙂
Dgeo Dev
24 Août 2019Hello, merci pour le message. La c’est plus tendu car ca dépend bcp du thème utilisé. Au besoin MP pour voir ensemble.
ael
1 Oct 2019ça ne fonctionne pas dans le thème turbo. Le seul fichier js.liquid que j’ai est app.js.liquid mais ça ne donne rien.
Dgeo Dev
2 Oct 2019Hello, oui turbo est assez particulier… Mes tutos fonctionnent rarement avec ce thème navré
Ael
3 Oct 2019Finalement ça fonctionne, j’ai été mauvaise langue, erreur de frappe de ma part, désolé.
Il faut saisir le code dans apps.js.liquid.
En revanche, pour le raccourci « + ACCÈS RAPIDE » aux fiches produits, ça ne fonctionne pas. Je cherche encore où rajouter ce code.
Andriano
2 Oct 2019Merci pour ce tuto.
Ps c’est bizarre que shopify ne propose pas la traduction.
Jo
1 Nov 2019La premiere technique fonctionne avec Venture au top merci infiniment!
Flo
16 Nov 2019Bonjour, js.liquid n’existe pas sur mon thème Venture.
Dans ASSETS j’ai trouvé celui là: theme.js > j’ai collé le code en bas. j’ai pas du faire ça correctement ça marche pas.
Les dernières lignes avant c’est bien sensé être ça ?
onLoadHideLazysizesAnimation();
};
Dgeo Dev
19 Nov 2019Hello, oui c’est ça tout en bas. il manque peut être jquery. voir dans la console si y a une erreur.
Guillome
12 Jan 2020Bonjour Dgeo, j’ai réussi a traduire sur ma page produit les terme « Color »-> »Couleur » et « Ships From »-> »Expédition » mais dans mon panier c’est toujours inscrit « Color » et « Ships From ».
Pourriez-vous m’aider?
Dgeo Dev
14 Jan 2020Bonjour, dans le panier c’est effectivement un autre code à developper mais ca dépend du thème, un code générique serait impossible. à voir selon le thème utilisé. MP au besoin le lien du site.
Corentin
20 Fév 2020Salut Dgeo, pour speedfly ça fonctionne bien en mode « swatch » dans la fiche produit, en revanche quand on utilise la barre déroulante ça ne fonctionne plus…Sais-tu quelle partie du code je dois modifier ?
Dgeo Dev
21 Fév 2020Hello, logiquement le 1er code du tuto devrait fonctionner 😉
Lhak
13 Avr 2020Bonjour Dgeo, Le code fonctionne pour le remplacement du nom des variante. En revanche je souhaite pourvoir changer les nom des couleurs pour les mettre en français.
Comme j’utilise la fonction « color swatches » et que cela ne prend en compte que les noms des couleur html en anglais.
Ex https://www.rapidtables.com/web/color/html-color-codes.html
L’objectifs est de pouvoir traduire White = BLANC.
J’attend ton retour, merci d’avance
Dgeo Dev
14 Avr 2020Hello, oui y a un code plus bas qui permet de faire ce que tu vuex 😉
david
7 Nov 2020Hello Dgeo tout d’abord un grand merci pour tout t’es tutos j’attend toujours avec impatience de nouveaux tutos cela dit j’ai un souci pour la traduction sur mon thème qui ce nomme « Wookie » aurais tu une idée dans laquelle je pourrais me diriger ? merci.
Dgeo Dev
7 Nov 2020Hello et merci pour le com 🙂 hum non navré je ne connais pas du tout ce thème 🙁
thomas
12 Nov 2020Salut tes tuto me font gagner un temps pharamineux, merci beaucoup pour ce que tu fais.
ps: si tu faisais une formation sur le liquid de shopify je serais client 😉
Dgeo Dev
12 Nov 2020Hello et merci pour le commentaire c’est sympa 😉 j’ai déjà fais une playlist la dessus au besoin et je pense effectivement me pencher plus sur le liquid 😉 https://youtu.be/VPsvE1-vLAA
david
22 Nov 2020Bonjour j’aurais besoin d’un petit coup de pouce sur mon theme sa ne veux pas traduire si quelqu’un a à la solution je met le morceau de code :
$(document).ready(function(){
$(« .tt-wrapper .tt-title-options »).text(function () {
return $(this).text().replace(« Color », « Couleur »);
});
$(« .tt-wrapper .tt-title-options »).text(function () {
return $(this).text().replace(« Size », « Taille »);
});
});
merci pour touts t’es tutos ces le top.
Dgeo Dev
23 Nov 2020Hello, dur de donner une réponse sans votre le shop. le mieux serait de me linker l’url dans le messenger ci-dessous 😉
david meckler
24 Nov 2020Hello, cool merci
https://carlaa.fr/
Dgeo Dev
24 Nov 2020Merci, malheureusement votre thème ajoute une information en plus de l’intitulé, il met la couleur 🙁 du coup ce n’est pas possible sauf intervention technique dans le code
david meckler
24 Nov 2020ok je vous remercie
Ines
5 Juin 2021Bonjour, avez-vous trouvé comment faire depuis ?
remi
29 Jan 2021Bonjour, j’ai le theme debut je suis allé dans theme.js et ca ne fonctionne pas, le code n’a pas change depuis le temps ?
Adèle
16 Mar 2021Bonjour,
J’ai malheureusement le même problème, avez-vous trouvé une solution ?
LC
31 Déc 2021Bonjour,
Avez-vous un code compatible avec le thème Showcase ?
Car en installant les functions ci-dessus cela ne fonctionne pas, ce qui est normal car créées pour vos thèmes.
Ce serai super, merci beaucoup.
Dgeo Dev
31 Déc 2021Bonjour, j’ai amélioré le tuto, vous pouvez tester le dernier code qui théoriquement devrait fonctionner (autres thèmes…). Bonne journée.