---
title: "Catégories : organiser votre catalogue produits"
description: "Structurez votre catalogue en rubriques et sous-catégories hiérarchisées, réorganisez l'arborescence et facilitez la navigation de vos clients dans la boutique."
url: https://docs.vivlab.com/sections/collections
---

# Catégories

Dans **Catégories**, vous regroupez les [produits](https://docs.vivlab.com/sections/products.md) du catalogue. Une catégorie peut contenir des groupes plus précis, les sous-catégories, par exemple **Vêtements → T-shirts**. Vous pouvez créer ces groupes, modifier leur nom ou leur image, changer leur ordre ou désactiver une catégorie devenue inutile.

La liste se déplie pour montrer les catégories et leurs sous-catégories. Chaque entrée de cette liste, appelée un nœud, correspond à une catégorie. Cliquez sur son nom pour modifier ses réglages, ou sur **Ajouter une sous-catégorie** pour créer un groupe à l'intérieur.

Le premier nœud de l'arbre représente la page qui liste vos catégories sur la boutique (nommée **Boutique** par défaut). En l'ouvrant, vous modifiez le titre, la description et l'image de cette page ; vos catégories racine y apparaissent comme sous-catégories. Ce nœud ne peut être ni désactivé ni supprimé.

<DocsVideo
  video-id="walkthrough-collections"
  src="https://docs.vivlab.com/videos/collections/collections.mp4"
  poster="/videos/collections/poster.webp"
  captions="/videos/collections"
  label="Tutoriel : créer une catégorie avec une photo"
  locale="fr"
  :duration="21.45"
/>

::: details Lire les étapes de la vidéo

1. <VideoTimecode video-id="walkthrough-collections" :seconds="0" label="Lire à" /> — Dans Catégories, cliquez sur « Créer une catégorie ».
2. <VideoTimecode video-id="walkthrough-collections" :seconds="2.5" label="Lire à" /> — Nommez votre catégorie.
3. <VideoTimecode video-id="walkthrough-collections" :seconds="4.85" label="Lire à" /> — Présentez les pièces de cette catégorie.
4. <VideoTimecode video-id="walkthrough-collections" :seconds="7.75" label="Lire à" /> — Ajoutez une image de la collection.
5. <VideoTimecode video-id="walkthrough-collections" :seconds="9.65" label="Lire à" /> — Importez une photo de vos céramiques.
6. <VideoTimecode video-id="walkthrough-collections" :seconds="11.15" label="Lire à" /> — Validez la photo de la collection.
7. <VideoTimecode video-id="walkthrough-collections" :seconds="12.95" label="Lire à" /> — La photo apparaît dans la catégorie.
8. <VideoTimecode video-id="walkthrough-collections" :seconds="14.55" label="Lire à" /> — La catégorie reste active, sous Idées créatives.
9. <VideoTimecode video-id="walkthrough-collections" :seconds="16.05" label="Lire à" /> — Cliquez sur « Enregistrer ».
10. <VideoTimecode video-id="walkthrough-collections" :seconds="18.25" label="Lire à" /> — La catégorie est visible avec sa photo.

:::

## Créer une catégorie

Cliquez sur **Créer une catégorie** pour ajouter une nouvelle rubrique à la racine. Pour créer une sous-catégorie rattachée à un parent existant, utilisez **Ajouter une sous-catégorie** directement sur la ligne concernée.

## Réorganiser

L'ordre d'apparition sur votre boutique se règle par glisser-déposer : ouvrez la catégorie parente et réordonnez ses rubriques dans le bloc **Sous-catégories**. Pour les catégories racine, passez par le premier nœud de l'arbre. Cet ordre détermine la manière dont vos visiteurs découvrent votre catalogue dans le menu et les listes de catégories.

<DocsScreenshot name="collections-tree" alt="Une catégorie principale et deux sous-catégories." :width="788" :height="289" />

## Réglages d'une catégorie

En cliquant sur une catégorie, vous ouvrez le formulaire d'édition (intitulé **Catégorie** pour une rubrique racine, **Sous-catégorie** pour une rubrique imbriquée). Le bouton **Voir la page** ouvre la page publique correspondante dans un nouvel onglet, pratique pour vérifier rapidement le rendu côté visiteur.

### Contenu

Le **Nom de la catégorie** sert de titre de page et d'URL. La **Description de la catégorie** présente la rubrique à vos visiteurs ; soignez-la, car elle sert aussi au référencement naturel de la page.

### Image

Ajoutez une image pour illustrer la page et la rendre plus attractive dans les menus et les listes.

### Paramètres

Le bloc **État de la catégorie** permet de basculer la catégorie entre active et désactivée. Une catégorie désactivée n'apparaît plus sur votre boutique ni dans la navigation, sans être supprimée.

Le champ **Catégorie parente** permet de rattacher la rubrique à une autre catégorie existante, vous pouvez ainsi déplacer une catégorie dans l'arborescence sans la recréer.

<DocsScreenshot name="collections-parent" alt="La sélection de la catégorie parente." :width="730" :height="313" />

### Sous-catégories

Quand la catégorie contient des rubriques enfants, leur liste s'affiche ici. Glissez-déposez les sous-catégories pour modifier leur ordre d'apparition sur la boutique.
