Comment GemPages fonctionne avec vos thèmes Shopify

Qu'est-ce qu'un thème Shopify ?

A thème Dans Shopify, le code du modèle détermine la présentation de votre site web. Il vous permet de modifier certains paramètres spécifiques de votre boutique dans l'éditeur de thème. Si votre thème ne propose pas de paramètre pour la modification souhaitée, vous devrez modifier le code du thème.

En utilisant constructeurs de pageVous pouvez créer et personnaliser les pages de vos boutiques sans code. De plus, au lieu d'utiliser une mise en page spécifique à un thème, vous aurez le contrôle de votre design. 

Les créateurs de pages aiment GemPages Vous donne accès à un éditeur glisser-déposer simple d'utilisation. Au lieu de modifier les paramètres du thème ou d'ajouter des lignes de code au backend, il vous suffit de glisser-déposer différents éléments à l'emplacement souhaité.

Comment GemPages fonctionne avec les thèmes Shopify ?

Même en utilisant GemPages, votre boutique nécessite toujours une publication Shopify thèmeL’ En-tête, pied de page et barre de navigation restent gérés par le thème, tandis que GemPages vous permet de personnaliser entièrement le section du corps entre eux. Vous pouvez également choisir de masquer l'en-tête et le pied de page si nécessaire.

Lorsque GemPages est installé et utilisé sur une boutique, il génère du code pour votre thème. Consultez Shopify, vous pouvez vérifier rapidement le code du thème en suivant ces instructions :

• Connectez-vous à votre compte administrateur Shopify
• Allez dans Boutique en ligne > Thème
• Cliquez sur l'icône à trois points et appuyez sur Modifier le code

• Frappe le double page icône dans le coin supérieur de la barre latérale gauche pour ouvrir Explorer. Faites défiler vers le bas modèle section et cliquez pour développer.
• Localisez les modèles GemPages cibles affichés sous le modèle section pour ouvrir le code du fichier.

Par exemple, clique le collection.gem-1699584853-template.json pour ouvrir le code.

Lorsqu'une page est créée par GemPages, elle est synchronisée avec le backend de Shopify et un modèle de code est créé en conséquence. 

Après cela, lorsque vous apportez des modifications au modèle à partir de l'éditeur, GemPages va modifier automatiquement le code pour vous.

Que se passe-t-il si vous changez votre thème Shopify ?

1. Aller à l' Tableau de bord GemPages, ouvrez chaque modèle par défaut et cliquez Publier pour le réappliquer à votre nouveau thème.

2. Si vous avez personnalisé les modèles d'origine de Shopify (comme la page d'accueil, la page produit ou la page de collection) à l'aide de GemPages, vous devrez :

• Resynchroniser les données du thème dans l'éditeur GemPages.
• Réarranger Les sections GemPages peuvent être déplacées en bas par défaut lors du changement de thème.
• Publier Encore une fois, pour refléter le design que vous aviez prévu.

3. Pour les autres types de pages, si votre boutique en ligne ne s'affiche pas correctement, essayez republier une page au hasard pour aider GemPages à s'adapter plus rapidement au nouveau thème.

De plus, pour éviter tout problème inattendu pouvant impacter l'expérience client, il est recommandé de publier un nouveau thème pendant les périodes de faible trafic.

GemPages est compatible avec tous les thèmes Shopify, y compris Boutique en ligne 2.0.

Pour éviter cela :

1. Assurez-vous que le modèle de produit Shopify est défini par défaut dans les paramètres de votre thème Shopify.
2. Ensuite, dans GemPages, attribuez le modèle personnalisé uniquement à des produits spécifiques comme requis.

De cette façon, seuls les produits sélectionnés utiliseront la conception GemPages, et le reste continuera à utiliser la mise en page Shopify par défaut.

Reportez-vous à ce guide pour obtenir des instructions étape par étape : Affecter différents produits à un modèle.

En savoir plus: Comment ajouter des produits à Shopify en cinq étapes faciles