Comment créer un slider Shopify sur mobile avec GemPages V7

Comment créer un curseur sur mobile

GemPages a responsive design Intégré : lorsque vous ajoutez un slider sur mobile, il adopte automatiquement le design adapté aux appareils mobiles. GemPages encourage toujours les utilisateurs à commencer la conception sur ordinateur, puis à passer à la version mobile pour effectuer les ajustements nécessaires.

Option 1 : Créer un curseur Shopify à l'aide d'un élément carrousel

Cette option vous permet de créer un curseur Shopify pour presque n'importe quel élément.

Étape 1 : Ouvrez la page où vous souhaitez ajouter le curseur.
Étape 2 : Découvrez Carousel un élément et faites-le glisser sur votre page.

Étape 3 : Cliquez sur le carrousel pour accéder à ses paramètres. Pour chaque diapositive, vous pouvez ajouter divers éléments, tels que :

• Bannières Hero : idéales pour le contenu promotionnel avec des images, des titres et des boutons d'appel à l'action.
• Modules de produits : affichez des produits individuels avec des images, des titres et des prix.
• Images ou blocs de texte : pour du contenu personnalisé ou des témoignages.

Etc,.

Personnalisez le contenu de chaque diapositive en fonction de vos besoins.

Étape 4 : Avec le carrousel sélectionné, accédez à la Paramètres onglet. Vous pouvez ajuster :

• Nombre d'éléments : nombre d'éléments à afficher par diapositive (jusqu'à 12).
• Espacement : Espace entre les éléments.
• Aperçu : activez cette option pour afficher partiellement la diapositive suivante.
• Commandes de navigation : activez les flèches ou les points pour le contrôle manuel.
• Lecture automatique : définissez des transitions de diapositives automatiques.

Pour plus d'informations sur les paramètres du carrousel, consultez le Élément de carrousel.
Pour un guide visuel sur la création de diaporamas avec les éléments Carrousel et Bannière Héros, le didacticiel suivant pourrait vous être utile :

Étape 5 : Basculer vers mobile Voir Dans l'éditeur, prévisualisez le curseur sur les petits écrans. Ajustez le texte, les images et les boutons selon vos besoins.

Option 2 Créer un curseur Shopify à l'aide de Élément de la liste de produits

Si vous souhaitez uniquement un curseur pour les images de produits, utilisez le Liste d'images du produit .

Étape 1 : Ouvrez la page à modifier, recherchez le Liste des produits élément, puis faites-le glisser et déposez-le sur votre page.

Étape 2 : Sélectionnez la liste d'images du produit, accédez à la Paramètres onglet, trouver Mise En Page section, et choisir Slider.

Étape 3 : Personnalisez les options du curseur telles que le nombre d'images, les commandes de navigation et l'espacement.

Pour plus d'informations, consultez le Élément de liste de produits.

Comment créer un curseur pour les appareils mobiles uniquement ?

Si vous voulez un curseur qui affiche uniquement sur les appareils mobiles, utilisation Paramètres de visibilité de GemPages:

Étape 1 : Sélectionnez le curseur que vous souhaitez masquer sur le bureau.
Étape 2 : Rendez-vous dans la section Avancé onglet, puis Afficher sur, et basculer de rabais la vue du bureau.

Cela rendra le curseur visible uniquement sur les appareils mobiles.