Cet article propose des solutions pour les problèmes courants rencontrés lors de l'utilisation de Personalization Studio. Il couvre des sujets tels que le dépannage des problèmes d'aperçu en direct, la résolution des boutons « Personnaliser » manquants, la correction des erreurs liées à l'ajout de produits au panier, et la compréhension des thèmes Shopify pris en charge. Le guide offre des instructions étape par étape et des informations sur les limitations connues.
Guide de dépannage pour Personalization Studio
Compatibilité du thème avec Personalization Studio
Pour garantir une expérience fluide avec le Personalization Studio, il est essentiel d'utiliser un thème Shopify compatible. Voici un aperçu de la compatibilité des thèmes :
Thèmes entièrement pris en charge :
Craft, Dawn, Debut, Editorial, Minimal, Motion, Prestige, Simple, Spark, Streamline, Studio, Symmetry
Thèmes partiellement pris en charge :
Ces thèmes prennent généralement en charge les aperçus, mais peuvent présenter des distorsions mineures ou un comportement incohérent : Beyond, Brooklyn, Envy, Impulse, Parallax, Supply
Thèmes non pris en charge :
Loft, Warehouse, Focus
Résoudre les problèmes de prévisualisation en direct
Si tu rencontres des problèmes avec la fonctionnalité d'aperçu en direct, suis ces étapes :
Inspecter pour trouver le bon sélecteur
Ouvre les outils de développement de ton navigateur web. Tu peux le faire en cliquant avec le bouton droit sur la page web et en sélectionnant « Inspecter » ou « Inspecter l'élément ».
Utilise l'outil de sélection d'élément (généralement représenté par une icône de flèche) pour mettre en évidence la zone spécifique de ta page produit où l'aperçu en direct doit être affiché.
Copie le nom du sélecteur. C'est le code qui identifie la zone sélectionnée (par ex.,
.product-media).
Intégrer le Selector dans Personalization Studio
Accède à ton panneau d'administration Shopify et navigue vers l'application Personalization Studio.
Localise les paramètres d'intégration de l'application.
Colle le nom du sélecteur copié dans le champ prévu pour les aperçus en direct.
Enregistre les modifications que tu as apportées.
Si tu ne trouves pas .product-media ou des sélecteurs similaires, essaie d'inspecter des zones spécifiques comme .product-gallery, .product-image-container, ou .product-page__media. L'emplacement exact peut varier selon la structure de ton thème.
Résoudre les problèmes du bouton « Personnaliser »
Si le bouton « Personnaliser » est manquant ou ne répond pas comme prévu, explore ces solutions :
Ajouter le sélecteur de classe CSS btn-addtocart
Assure-toi que ton bouton « Ajouter au panier » inclut la classe btn-addtocart. Tu peux trouver des instructions sur comment ajouter cette classe en consultant la documentation de ton thème Shopify ou en contactant le développeur de ton thème.
Vérifier l'étiquette de personnalisation Gelato
Inspecte le HTML de ta description de produit pour confirmer la présence de l'étiquette suivante : . Si cette étiquette est manquante, réinsère-la dans le code HTML de la description de ton produit pour rétablir la fonctionnalité.
Résoudre les erreurs « Le panier est vide »
Si tu rencontres un message « Ton panier est vide » après avoir cliqué sur « Ajouter au panier », assure-toi d'avoir suivi ces étapes :
Connecte-toi à ton panneau d'administration Shopify.
Va dans « Boutique en ligne » sous la section des canaux de vente et sélectionne « Thèmes ».
Trouve ton thème actif et clique sur « Personnaliser ».
Dans le menu de gauche, ouvre l'onglet « App Embeds ».
Sous « Intégrations d'applications », active le Gelato Personalizer.
Enregistre les modifications que tu as apportées.
Pour rendre l'onglet « Personnaliser » visible, mets à jour chacun de tes produits. Ouvre chaque produit dans ton Panneau d'administration Shopify et clique sur « Enregistrer » pour le republier. Pour les nouveaux produits, les mises à jour en temps réel seront activées automatiquement.
FAQ
Pourquoi l'aperçu en direct ne fonctionne-t-il que sur une seule image de produit ?
C'est une limitation connue. Actuellement, l'aperçu en direct ne prend en charge qu'une seule image à la fois. Cependant, ce retour a été partagé avec l'équipe de développement pour d'éventuelles améliorations à l'avenir.
Que faire si le bouton « Personnaliser » disparaît après la mise à jour de mon thème ?
Si le bouton « Personnaliser » disparaît après une mise à jour du thème, vérifie bien la classe btn-addtocart et l'étiquette de personnalisation Gelato dans ton HTML. Mettre à jour ces éléments permet souvent de résoudre le problème.