# Sous-pages

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2Fq2EQlTgoS7VMPWf6xiBP%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2013.08.52.png?alt=media&#x26;token=c565f10c-8b07-40bd-9480-4621666bfd0b" alt=""><figcaption></figcaption></figure>

## Disponible sur...

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/satellites-oui-green?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/intranet-oui-green?style=for-the-badge\&logo=typo3)

## Présentation

{% hint style="info" %}
Ce composant permet d'afficher automatiquement la liste des sous-pages de la page courante ou de toute autre page. Il est souvent utilisé sur les pages d'une rubrique comprenant plusieures sous-pages pour faire office de sommaire.
{% endhint %}

{% hint style="warning" %}
Ce composant n'affiche que les premier niveau des sous-pages, mais pas par exemple les sous-pages des sous-pages. Pour cela il faut utiliser le composant [Plan de site](plan-de-site).
{% endhint %}

### Ajout d'un nouveau composant Sous-pages

1. Sur la page en mode ![](https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FSD1CZ72IMzn7bulXsE7C%2Fmode-rediger.png?alt=media\&token=f16ba40e-ee9d-4538-be59-993d8c842dae), trouvez la section où vous souhaitez ajouter un composant Sous-pages.
2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.
3. Sélectionnez  **Sous-pages** dans l'onglet **Menus**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FMppCSpqaYDkwfZYNi89e%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2013.14.26.png?alt=media&#x26;token=a9be8790-010c-4da2-a25f-acf02d1b90ab" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Pour les sites ![](https://img.shields.io/badge/satellites-oui-green?style=for-the-badge\&logo=typo3) et ![](https://img.shields.io/badge/intranet-oui-green?style=for-the-badge\&logo=typo3)le composant se nomme **Sous-pages** et est disponible dans l'onglet **Menu**.&#x20;
{% endhint %}

### Configuration du composant

1. Une fois que vous avez ajouté le composant, vous verrez une boîte de dialogue de configuration.
2. Ajoutez un **titre** (optionnel)
3. Choisissez un **type** (pour le titre)
4. Ajoutez un **lien** (optionnel)
5. Dans la zone **Sélectionner une ou plusieurs pages** sélectionnez une ou plusieurs pages (logique :) en cliquant sur l'icône en forme de dossier à droite. Vous pouvez, avec les flèches, réorganisé l'ordre d'affichage des pages.
6.  Enregistrez vos modifications

    {% hint style="success" %}
    Si vous ne choisissez aucune page dans la zone **Sélectionner une ou plusieurs pages** le composant affichera alors les sous-pages de la page courant&#x65;**.**
    {% endhint %}

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FHMDz2nSs6fj5WZzV4p11%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2013.17.06.png?alt=media&#x26;token=a1389dcc-0772-4306-81e2-28403346d2e3" alt=""><figcaption></figcaption></figure>

## Vidéo

Retrouvez en vidéo une explication de l'utilisation du composant **Sous-pages**

{% embed url="https://youtu.be/EBxu2_fNcwk" %}

## Exemples

Vous pouvez trouver des **exemples** d'utilisation du Contenu **Sous-pages** :&#x20;

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)

{% embed url="https://template.univ-gustave-eiffel.fr/test-contenus/menus/sous-pages" %}
