# 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

1. Ouvrez **Boutique en ligne → Paramètres du thème**; le sélecteur de page doit afficher **Accueil**.
2. **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.
3. **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**.
4. **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.
5. **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).
6. 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](https://help.dropify.shop/fr/guides/add-an-image-slider-or-banner/)
- [Comment ajouter des badges ou petites icônes sous le titre ou le prix du produit](https://help.dropify.shop/fr/guides/add-badges-or-flags-under-the-product-title-or-price/)
- [Modifier séparément la mise en page mobile et tablette](https://help.dropify.shop/fr/guides/edit-mobile-and-tablet-layout/)
- [Comment changer le thème de ma boutique et modifier ses sections](https://help.dropify.shop/fr/store_theme/change-your-store-theme-and-sections/)