Base de connaissances

Bénéficiez d'un hébergement web expert

Optez pour la fiabilité et l'expertise de SiteGround pour votre site web !

Accueil / Ecommerce / Comment afficher des catégories sur une page

Comment afficher des catégories sur une page

Résumez cet article avec :
Dernière mise à jour : May 26, 2026 2 min de lecture

Vous avez deux options pour afficher une catégorie de produits sur une page :

  • Utiliser une section Catégories prédéfinies
  • Utiliser un component pour afficher les catégories et créer un design de section personnalisé

Comment afficher des catégories avec une section prédéfinie

Pour afficher des catégories avec une section, suivez ces étapes :

  1. Cliquez sur Editer le site web dans Site Admin > Website Builder.
    Edit Website button in Site Admin of Ecommerce
  2. Ouvrez l’onglet Pages dans la barre latérale gauche et sélectionnez la page où les catégories seront affichées.
    Pages section in the website builder of Ecommerce where a page is selected
  3. Choisissez l’emplacement de la section Catégories, puis cliquez sur Ajouter une section.
    Selected page in the website builder of Ecommerce where an Add Section button is selected
  4. Dans la fenêtre pop-up, ouvrez Catégories et sélectionnez un design adapté avec le bouton Ajouter une section.
    A pop-up window in Ecommerce website builder with a selected Category section layout
  5. Une fois la section ajoutée, cliquez sur le component de catégorie et sélectionnez l’icône Modifier dans la barre d’outils.
  6. Dans la fenêtre pop-up à droite, ouvrez l’onglet Général pour ajuster l’affichage des catégories : nombre de lignes, colonnes et espacement entre les colonnes.
    A selected category component in a section that displays the General appearance settings window
  7. Dans le même panneau, ouvrez l’onglet Source de données. La catégorie est déjà sélectionnée par défaut dans le menu déroulant Source de données. Pour choisir les catégories affichées ou modifier leur ordre, ouvrez Sélectionner une catégorie, avec les options suivantes :
    • Dernières : affiche les catégories les plus récemment créées. Le nombre dépend du nombre de colonnes du component.
    • Sélection manuelle : ouvre un menu Sélectionner des articles où vous pouvez choisir des catégories spécifiques de votre boutique.
      A category component in a section that displays a settings window where you can choose which categories are displayed
  8. Pour modifier l’apparence globale de la section, passez la souris dessus et cliquez sur Modifier la section dans la barre d’outils.
    A section in Ecommerce website builder with a selected Edit Section button from the section's toolbar
  9. Dans l’onglet Général, vous pouvez ajuster l’espacement entre les lignes et colonnes ainsi que le padding. Dans l’onglet Design, vous pouvez modifier la couleur de fond ou ajouter une image de fond.
    A section in Ecommerce website builder that displays the Design settings

Comment afficher des catégories avec un component

En plus d’utiliser une section prédéfinie, vous pouvez ajouter un component Catégories dans une section existante ou nouvelle et le personnaliser :

  1. Cliquez sur une section existante ou ajoutez-en une avec Ajouter une section.
  2. Passez la souris sur la section choisie et cliquez sur Ajouter en haut à gauche.
    A selected section in Ecommerce website builder that displays the Add button for adding a component to the section
  3. Dans la fenêtre Ajouter un composant , ouvrez l’onglet Boutique et sélectionnez Plusieurs articles.
    Add Component menu where a Multiple Items component is selected
  4. Cliquez sur le component ajouté puis sur l’icône Modifier dans la barre d’outils.
  5. Dans la fenêtre Modifier plusieurs éléments de la boutique , ouvrez l’onglet Source de données.
  6. Sélectionnez Catégorie dans le menu déroulant Source de données.
    Multiple Items component displaying the Data Source menu where Category is selected
  7. Dans le menu déroulant Sélectionner les catégories, vous avez deux options :
    • Dernières : affiche les catégories les plus récemment créées. Le nombre de catégories affichées dépend du nombre de colonnes définies dans le component.
    • Sélection manuelle : ouvre un menu Sélectionner des articles où vous pouvez sélectionner des catégories spécifiques parmi celles déjà existantes dans votre boutique.
      Multiple Items component displaying the Select Category menu where you can select which categories are displayed
  8. Depuis l’onglet Général de la fenêtre Modifier plusieurs articles de la boutique, vous pouvez définir le nombre de colonnes et de lignes afin de contrôler l’affichage de vos catégories.
    General settings for a component that displays categories

Partager cet article