Vous passez par 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 !

Ce bout de code va automatiquement remplacer l’occurrence Color et Size pour les transformer en Couleur et Taille

1 Rendez vous dans online store – actions – edit code

2 Trouvez le dossier Assets et repérez un fichier .js.liquid (timber.js.liquid, theme.js.liquid ou autre fichier .js.liquid selon le thème)

3 Rendez vous tout en bas et copiez/collez le code ci-dessous

$(document).ready(function(){
 $("form label").text(function () { 
 return $(this).text().replace("Color", "Couleur");
 });
 $("form label").text(function () { 
 return $(this).text().replace("Size", "Taille");
 });
});

Si vous avez Speedfly 2.01 ou +

$(document).ready(function(){
 $(".swatch .header").text(function () { 
 return $(this).text().replace("Color", "Couleur");
 });
 $(".swatch .header").text(function () { 
 return $(this).text().replace("Size", "Taille");
 });
});

Si vous avez Turbo

$(document).ready(function(){
 $(".swatch .option_title").text(function () { 
 return $(this).text().replace("Color", "Couleur");
 });
 $(".swatch .option_title").text(function () { 
 return $(this).text().replace("Size", "Taille");
 });
});

Bon tuto à tous 🙂

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

🤗 Vous souhaitez m'encourager à continuer mes Tutos ?

Cliquez sur le bouton ci-dessous pour me laisser un petit pourboire 😉

Payer un coup à Dgeo Dev

Cet article a 29 commentaires

  1. Merci je cherchais depuis un petit bout de temps la solution.

  2. Super !Merci!

  3. 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 😉

    JB

    1. Bonjour, je suis navré mais je n’ai rien compris…

  4. 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

    1. En achetant Speedfly vous avez les trads disponibles 😉

  5. Bonjour désolé mais chez moi cela ne marche pas est ce que c’est le fait que j’utilise le thème de luxe ?

    1. Salut, à mettre dans le surcharge.js.liquid si tu as Speedfly

  6. Bonjour,

    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

    1. Bonsoir, non ce n’est pas ce fichier qu’il faut utiliser. un theme.js.liquid ou style.js.liquid ou timber.js.liquid

      1. Il faut le placer dans theme.js alors ?

        Car en .js.liquid je n’ai que le axajify.js.liquid

        1. Autant pour moi, cela marche effectivement bien dans theme.js

          En vous remerciant et vous souhaitant une bonne journée,

          Cordialement

  7. Niquel merci encore une fois pour ton super tuto.

    1. Merci pour le com 😉

  8. 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 😉

    1. Hello, peut être une erreur JS quelque part, il faudrait voir le site pour constater le problème en réel

  9. 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.

    Merci encore beaucoup pour votre aide 🙂 .

    1. Bonsoir, merci pour le commentaire. Il faut simplement modifier les occurences Color et Size par vos 2 mots (attention aux majuscules).

  10. 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 ».

    1. Hello, il faut rajouter quelque chose comme ca:

      $("form label").text(function () {
      return $(this).text().replace("Shoe Taille", "Taille");
      });

  11. Salut,
    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

    1. Hello, oui il faut un fichier .js donc trouver le bon dans assets 🙂

  12. Merci beaucoup pour ce tuto simple et efficace ! 🙂

  13. 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

    1. Hello, Surement le mauvais fichier ou alors une erreur JS. Tu peux me MP sur mon facebook au besoin.

  14. 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… ?

    Merci

    1. 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

Laisser un commentaire

Fermer le menu
×
×

Panier

Tu aimes mes Tutos & mes Articles ?

Alors n'hésites pas à m'encourager à continuer ce Blog !


Je donne 1e à Dgeo Dev

Envie de Booster ton taux de conversion ?

J'ai créé une nouvelle Application Shopify qui devrait te plaire !
Elle va te permettre de créer des Bundles en direct checkout !
N'hésite pas à la tester elle est Gratuite pendant 7 jours

En savoir plus