Lorsque vous travaillez avec GemPages, vous remarquerez peut-être parfois des différences entre les aperçu de l'éditeur et la publié en direct page.
Par exemple, une image peut s’afficher correctement dans l’éditeur mais ne pas apparaître une fois la page publiée.
Ces problèmes sont souvent liés à la visibilité du produit, au statut de publication ou aux conflits de thèmes.
Raisons courantes et comment résoudre ce problème
Passez en revue les raisons les plus courantes et suivez les étapes pour vous assurer que vos pages de produits s'affichent correctement.
1. L'intégration de l'application GemPages n'est pas activée
Si la L'application GemPages n'est pas activée dans votre thème Shopify, votre page en direct peut sembler cassée ou ne pas afficher la mise en page correcte.
Comment le réparer:
- De ton Tableau de bord GemPagescliquez Activer l'éditeur Shopify.
- Dans l'éditeur de thème Shopify, activez l'option Assistant de thème GemPages.
- Cliquez à nouveau sur Enregistrer appliquer les changements.
2. Paramètres de module de produit incorrects
Si votre page de produit publiée affiche un produit différent de celui attendu, le module de produit n'est peut-être pas configuré correctement.
Comment réparer:
- Dans l'éditeur GemPages, cliquez sur le module Produit pour accéder à ses paramètres dans la barre latérale gauche.
- En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Sélectionner un produit section, choisissez Affichage par produit attribué.
Ce paramètre garantit que le module affiche dynamiquement le produit attribué au modèle, plutôt qu'un produit sélectionné manuellement.
- Cliquez à nouveau sur Publier appliquer les changements.
3. Produit non visible dans la boutique en ligne
Parfois, un produit peut apparaître correctement dans l'éditeur GemPages mais pas sur la page en direct.
Comment réparer:
- Accédez à votre tableau de bord d'administration Shopify et sélectionnez Produits.
- Choisissez le produit en question et assurez-vous que son statut est défini sur Actif.
- En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Canaux de vente et applications section, vérifiez que le Boutique en ligne le canal est sélectionné.
4. Modifications non publiées
Les modifications que vous effectuez dans l'éditeur n'apparaîtront pas en ligne tant que vous ne les aurez pas publiées.
- Depuis votre tableau de bord GemPages, accédez au modèle de produit dans l'éditeur.
- Cliquez sur Publier pour mettre à jour la version en direct de votre page avec les dernières modifications.
5. Conflits CSS du thème
Si la page en direct semble décentrée, trop petite ou alignée différemment de celle de l'éditeur, il se peut que le CSS de votre thème Shopify remplace les styles GemPages.
Comment réparer:
- Essayez de passer temporairement à un thème Shopify par défaut (par exemple, Dawn) pour confirmer si le problème persiste.
- Si le design semble correct avec un thème par défaut, le problème vient probablement du CSS personnalisé de votre thème actif. Dans ce cas, vous pouvez ajuster ou supprimer le CSS conflictuel, ou utiliser l'option Classe CSS supplémentaire option dans GemPages pour appliquer vos propres correctifs.
5. Différences de conception réactive
Si la page en direct est différente sur un ordinateur de bureau, une tablette ou un mobile, vos paramètres réactifs peuvent ne pas correspondre.
Comment réparer:
- Dans l'éditeur, vérifiez chaque vue d'appareil (bureau, tablette, mobile).
- Évaluation taille de police, marges et remplissage pour la cohérence.
- Assurez-vous qu'aucun élément n'est masqué ou redimensionné de manière incorrecte entre les points d'arrêt.
- Prévisualisez la page sur l'éditeur et sur la boutique en direct.
Questions fréquentes
1. Pourquoi mes photos disparaissent-elles après publication ?
Cela se produit généralement si l'image n'a pas été correctement synchronisée entre Shopify et GemPages. Pour résoudre ce problème :
- Vérifiez que l’image est téléchargée directement sur Shopify.
- Assurez-vous que le statut du produit est défini sur Actif et disponible sur le canal de vente de la boutique en ligne.
- Retour à la Éditeur GemPages, republiez la page, puis actualisez votre site en direct.
Si le problème persiste, essayez de vider le cache de votre navigateur ou de télécharger à nouveau l'image dans Shopify avant de la publier à nouveau.
2. Pourquoi mon produit est-il différent sur la page en direct ?
Cela se produit souvent lorsque le module Produit affiche le mauvais produit. Pour résoudre ce problème :
- Dans l'éditeur, sélectionnez l'option Module produit.
- Sous Sélectionner un produit, choisissez Afficher par produit attribué.
- Publiez à nouveau la page pour mettre à jour la version en direct.
3. Pourquoi mes modifications ne sont-elles pas mises à jour en ligne ?
Les modifications apportées dans l'éditeur ne seront visibles qu'une fois votre page republiée. Voici la marche à suivre :
- Depuis le tableau de bord GemPages, ouvrez votre modèle de produit.
- Cliquez à nouveau sur Publier pour mettre en ligne la dernière version.
- Actualisez la page de votre boutique pour voir les mises à jour.
Si vous ne voyez toujours pas de modifications, videz le cache de votre navigateur ou essayez en mode navigation privée pour exclure les versions en cache.
4. Pourquoi la mise en page semble-t-elle décalée par rapport à l'éditeur ?
Cela est généralement dû au fait que le CSS de votre thème Shopify remplace le style de GemPages. Dans ce cas, essayez de le modifier temporairement. passer à un thème Shopify par défaut (par exemple, Dawn) et vérifiez si la mise en page semble correcte.
Si c'est le cas, le problème vient du CSS personnalisé de votre thème actuel. Vous pouvez :
- Ajustez/supprimez le CSS conflictuel dans votre thème.
- Ou ajoutez une classe CSS supplémentaire dans GemPages et appliquez vos propres correctifs.
Merci pour vos commentaires