Nous allons voir dans ce tutoriel comment supprimer le terme « Default Title » sur Shopify. En effet ce texte apparait lorsque votre produit n’a pas de variante et si vous avez une boutique fr c’est pas terrible 😉 Ce tuto va être très rapide car il suffit de mettre un bout de code et tout sera automatisé sur tous les produits sans variantes.

Comment installer le code ?

Rendez-vous dans l’administration de votre Shopify – Boutique en ligne – Actions – Modifier le code – Ouvrez le dossier Assets et trouvez un fichier xxx.js.liquid généralement theme.js.liquid, timber.js.liquid, app.js.liquid. En cas de doute regardez dans le dossier Layout et le fichier theme.liquid si vous avez un appel en .js et vous saurez quel fichier vous pourrez utiliser 😉

Une fois le fichier ouvert mettez-vous tout en bas et copiez/collez le code ci-dessous:

(function() {

  texteaRemplacer = "Default Title";
  nouveauTexte = "Prix";

  options = document.querySelectorAll('select option');
  for(i=0; i < options.length; i++) {     
    const text = options[i].textContent;     
    const newText = text.replace(texteaRemplacer,nouveauTexte);     
    options[i].textContent = newText;          
  }

})();

Les options disponibles

Je vous propose 2 options pour vous permettre de remplacer le terme par un autre texte. Si vous ne souhaitez ne rien afficher vous pourrez laisser la variable « nouveautexte » vide 😉

  • textearemplacer est comme sont non l’indique le texte « Default title » qu’il faut remplacer,
  • nouveautexte est bien entendu le texte de remplacement !

Voila c’était rapide cette fois mais tant mieux non ? 😛

Bon tuto à toutes et tous !

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

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