Anzeigen von Unterabschnitten im Help Center

Suite, alle Versionen

Team, Growth, Professional, Enterprise oder Enterprise Plus

Support mit

Guide Professional oder Enterprise

Verifizierte KI-Zusammenfassung ◀▼

Sie können Unterabschnitte zur Wissensdatenbank Ihres Help Centers hinzufügen, um eine übersichtlichere Hierarchie mit bis zu sechs Ebenen zu erstellen. Auf Wunsch können Sie das Design „Copenhagen“ anpassen, damit Unterabschnitte in Kategorieseiten und als Blöcke angezeigt werden. Der Vorlagencode lässt sich an Ihre Bedürfnisse anpassen, aber Sie sollten bedenken, dass für angepassten Code kein Support geboten wird. Diese Funktion hilft Ihnen, Inhalte zu strukturieren, damit Benutzer leichter navigieren und die gewünschten Informationen schneller finden können.

Sie können Unterabschnitte (Abschnitte in Abschnitten) zur Wissensdatenbank Ihres Help Centers hinzufügen und auf diese Weise eine Hierarchie mit bis zu sechs Ebenen erstellen.

Standardmäßig zeigt die Abschnittsseitenvorlage des Standarddesigns „Copenhagen“ eine Liste der Unterabschnitte jedes Abschnitts an. Sie können den Code des Designs ändern, um Unterabschnitte mit anderen Seitenvorlagen anzuzeigen oder das Aussehen der Listen der Unterabschnitte zu ändern.

Hinweis: Dieser Beitrag dient lediglich zu Demonstrationszwecken. Zendesk bietet keine Unterstützung für den Code und übernimmt keinerlei Garantie. Außerdem kann Zendesk keinen Support für Technologien von Drittanbietern wie JavaScript, jQuery oder CSS leisten. Posten Sie eventuelle Probleme in den Kommentaren oder suchen Sie online nach einer Lösung bzw. fragen Sie Ihren KI-basierten Chat-Bot.

Sie können nur die direkten Unterabschnitte eines Abschnitts anzeigen. Sie können nicht mehrere Ebenen von Unterabschnitten anzeigen.

In diesem Beitrag werden folgende Themen behandelt:

Anzeigen von Unterabschnitten auf Kategorieseiten
Anzeigen von Abschnitten und Unterabschnitten als Blöcke

Anzeigen von Unterabschnitten auf Kategorieseiten

Sie können die Vorlage aktualisieren, damit Unterabschnitte unter den Beiträgen der einzelnen Abschnitte erscheinen.

So passen Sie die Kategorieseitenvorlage an

Fügen Sie in der Kategorieseitenvorlage den folgenden Block nach <section class="section"> ein:

{{#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}}

Anzeigen von Abschnitten und Unterabschnitten als Blöcke

Sie können die Kategorieseitenvorlage des Designs „Copenhagen“ anpassen, damit Abschnitte als Blöcke erscheinen.

Analog dazu können Sie auch Abschnittsseitenvorlage anpassen, damit Abschnitte als Blöcke erscheinen.

So passen Sie die Kategorieseitenvorlage an

Ersetzen Sie in der Kategorieseitenvorlage das Tag

<div id="main-content"
          class="section-tree">

und seinen Inhalt durch das folgende Snippet:

<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>

So passen Sie die Abschnittsseitenvorlage an

Ersetzen Sie in der Abschnittsseitenvorlage den Block {{#if section.sections}}> und seinen Inhalt durch das folgende Snippet:

{{#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}}