Qu'est-ce que l'élément de liste de produits ?
L' Élément de la liste de produits GemPages vous permet d'afficher dynamiquement les produits de votre boutique Shopify. Il s'adapte automatiquement au nombre de produits de votre collection et assure une cohérence graphique dans toute votre boutique.
Cas d'utilisation courants:
Comment créer une liste de produits Shopify
Avant de commencer, assurez-vous d'avoir un Collection Shopify Prêt. Si vous en avez déjà un, vous pouvez ignorer l'étape 1.
Étape 1 : Créer une collection sur Shopify (facultatif)
Si vous possédez déjà la collection souhaitée, ignorez cette étape.
1. Connectez-vous à Shopify. Accédez à votre tableau de bord d’administration Shopify.
2. Sous le Produits , sélectionnez Collections. Cliquez sur « Créer une collection » bouton en haut à droite de la page.
3. Configurer Type de collecte paramètres:
- Manuel: Ajoutez manuellement des produits à la collection.
- Intelligent: Définissez des conditions pour ajouter automatiquement les produits correspondants.
4. Remplissez les autres informations nécessaires. Cliquez "Sauvegarder" pour créer votre collection.
Étape 2 : ajouter l'élément de liste de produits dans GemPages
1. Ouvrez l'éditeur GemPages. Localisez le Élément de la liste de produits dans le Bibliothèque d'éléments.
2. Localisez le Élément de la liste de produits dans la bibliothèque d'éléments.
3. Faites-le glisser et déposez-le dans la section où vous souhaitez que votre liste de produits apparaisse.
4. dans le Panneau de paramètres de la liste de produits, choisissez comment vous approvisionner en produits :
- Produits Sélectionnez manuellement les produits individuels.
- Collections: Affichez tous les produits d’une collection Shopify spécifique.
- Articles connexes: Afficher les produits du même fournisseur, des mêmes étiquettes ou de la même collection.
Exemple: Pour afficher la collection que vous avez créée à l'étape 1, sélectionnez Collections, choisissez la collection souhaitée et cliquez sur Confirmer.
Étape 3 : stylisez les éléments de votre produit
1. Personnaliser Titres de produits, Prix et Boutons Ajouter au panier pour correspondre à l'image de marque de votre magasin.
2. Améliorez votre liste de produits avec des éléments supplémentaires tels que :
Étape 4 : Optimiser pour les mobiles
Après avoir terminé la conception du bureau, passez à mobile Voir dans l'éditeur GemPages :
- Adapter espacement, tailles de police et dimensions des boutons pour les écrans plus petits.
- Exemple : Affichez 4 produits par ligne sur ordinateur et 2 produits par ligne sur mobile pour une lisibilité et une convivialité optimales.
