Affichage des sous-sections dans votre centre d’aide

Mon édition

Les hiérarchies souples vous permettent d’ajouter des sous-sections (des sections dans des sections) à la base de connaissances de votre centre d’aide. Vous pouvez utiliser les sous-sections pour créer des niveaux supplémentaires dans la hiérarchie de votre base de connaissances (six niveaux max.).

Remarque – Si vous utilisez un thème personnalisé avant le 29 mars 2019, vous devez lui ajouter du code pour activer les sous-sections avant de pouvoir ajouter des sous-sections à votre centre d’aide (consultez Activation des sous-sections dans votre thème).

Par défaut, le modèle de page de section du thème Copenhagen standard affiche une liste des sous-sections de chaque section. Vous pouvez modifier le code du thème pour afficher les sous-sections en utilisant d’autres modèles de page ou pour modifier l’aspect des listes de sous-sections.

Vous pouvez toujours afficher les sous-sections directes d’une section. Vous ne pouvez pas afficher plusieurs niveaux de sous-sections.

Cet article contient les exemples suivants :

• Affichage des sous-sections sur les pages de catégorie
• Affichage des sections et sous-sections sous forme de blocs

Affichage des sous-sections sur les pages de catégorie

Vous pouvez le mettre à jour pour qu’il affiche les sous-sections sous les articles de chaque section.

Pour personnaliser le modèle de page de catégorie

Dans le modèle de page de catégorie, insérez le bloc suivant après <section class="section"> :

{{#if sections}}
  <ul class="section-list">
    {{#each sections}}
      <li class="section-list-item">
        <a href="{{url}}">
          <span>{{name}}</span>
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="16"
            height="16"
            focusable="false"
            viewBox="0 0 16 16"
            aria-hidden="true"
          >
            <path
              fill="none"
              stroke="currentColor"
              stroke-linecap="round"
              stroke-width="2"
              d="M5 14.5l6.1-6.1c.2-.2.2-.5 0-.7L5 1.5"
            ></path>
          </svg>
        </a>
      </li>
    {{/each}}
  </ul>
{{/if}}

Affichage des sections et sous-sections sous forme de blocs

Vous pouvez personnaliser le modèle de page de catégorie du thème Copenhagen pour qu’il affiche les sections sous forme de blocs.

De la même façon, vous pouvez personnaliser le modèle de page de section pour qu’il affiche les sous-sections sous forme de blocs.

Pour personnaliser le modèle de page de catégorie

Dans le modèle de page de catégorie, remplacez le marqueur <div id="main-content" class="section-tree"> et son contenu par le snippet suivant :

<section class="categories blocks">
  <ul class="blocks-list">
      {{#each sections}}
      <li class="blocks-item">
            <a href='{{url}}' class="blocks-item-link">
              <h4 class="blocks-item-title">{{name}}</h4>
              <p class="blocks-item-description">{{excerpt description}}</p>
            </a>
      </li>
      {{/each}}
  </ul>
</section>

Pour personnaliser le modèle de section

Dans le modèle de page de section, remplacez le bloc {{#if section.sections}}> et son contenu par le snippet suivant :

{{#if section.sections}}
  <section class="sections blocks">
    <ul class="blocks-list">
      {{#each section.sections}}
        <li class="blocks-item">
          <a href="{{url}}" class="blocks-item-link">
            <h4 class="blocks-item-title">{{name}}</h4>
            <p class="blocks-item-description">{{excerpt description}}</p>
          </a>
        </li>
      {{/each}}
    </ul>
  </section>
{{/if}}