Comment supprimer le « Default Title » sur Shopify

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 Ressources (Assets) et trouvez un fichier xxx.js généralement theme.js, global.js. En cas de doute regardez dans le dossier Mise en page (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 ? 😛

Ce tutoriel existe aussi en vidéo

Bon tuto à toutes et tous !