Comment configurer votre page d'accueil : bannière, sliders et grilles de produits
Ouvrez Boutique en ligne → Paramètres du thème sur la page Accueil et construisez-la à partir des blocs Bannière principale, Slider, Liste des produits et Catégories. Liste des produits décide quels produits apparaissent (les plus récents, tendances, exclusifs, une catégorie ou une sélection personnalisée).
Étapes
- Ouvrez Boutique en ligne → Paramètres du thème; le sélecteur de page doit afficher Accueil.
- Bannière principale — depuis Sections prêtes à l'emploi (icône de mise en page), déposez une Bannière principale (3 designs). Elle n'a pas de paramètres propres: cliquez sur ses éléments enfants (titre, paragraphe, bouton et image) pour les modifier.
- Slider — depuis Ajouter des blocs, ajoutez un Slider (6 designs). Pour chaque diapositive, définissez Image de bureau et Image mobile, le titre et la description, ainsi que l'appel à l'action (Texte du bouton, URL du bouton, Ouvrir dans un nouvel onglet, couleurs). Activez Diaporama automatique et définissez le Délai en millisecondes (1000 ou plus recommandé). Certains designs ajoutent Nombre d'articles dans la grille / en mobile / sur Tablet, Vitesse et Direction.
- Grille de produits — ajoutez une Liste des produits (11 designs). Dans Paramètres, choisissez le Type: Le plus récent, Tendances, Exclusif (produits marqués comme offre exclusive), Catégorie (puis Sélectionner une catégorie) ou Personnalisé. Définissez Nombre de produits (4 par défaut; environ 12 fonctionne bien) et les options: Afficher le bouton Ajouter au panier, Afficher le bouton de la liste de souhaits, Afficher la catégorie du produit, Afficher les évaluations du produit (+ Couleur des évaluations), Afficher le prix comparé, Afficher la réduction, Afficher la notification en cas de succès, Appliquer l'effet de survol d'image. Certains designs ajoutent une carte Badge et un nombre de colonnes par appareil.
- Catégories — ajoutez un bloc Catégories (7 designs) et définissez Nombre de catégories (4 par défaut); un design propose aussi des couleurs de carte et un Texte du bouton (« Discover » par défaut).
- Réorganisez les sections avec les flèches de la barre d'outils ou dans Couches de conception, cliquez sur Enregistrer et gardez la page Publié.
Problèmes courants
- La grille affiche les mauvais produits → changez le Type; pour une sélection à la main utilisez Personnalisé, pour une seule collection utilisez Catégorie.
- La grille Exclusif est vide → marquez des produits avec Marquer comme offre exclusive dans Produits → Gérer les produits.
- Seuls 4 produits apparaissent → augmentez Nombre de produits.
- L'image du slider est rognée sur téléphone → téléversez une Image mobile distincte pour chaque diapositive.
- Trop de cartes par ligne sur mobile → sur les designs qui proposent Nombre d'articles dans la grille / en mobile / sur Tablet, réduisez la valeur mobile dans les Paramètres du bloc.
Voir aussi
- Ajouter un slider d'images ou une bannière promo
- Comment ajouter des badges ou petites icônes sous le titre ou le prix du produit
- Modifier séparément la mise en page mobile et tablette
- Comment changer le thème de ma boutique et modifier ses sections