Visualización de subsecciones en el centro de ayuda

Suite, todas las versiones

Team, Growth, Professional, Enterprise o Enterprise Plus

Support con

Guide Professional o Enterprise

Resumen de IA verificado ◀▼

Agregue subsecciones a la base de conocimientos de su centro de ayuda para tener una mejor jerarquía, de hasta seis niveles de profundidad. Personalice el tema Copenhagen para mostrar subsecciones en las páginas de categoría o como bloques. Modifique el código de la plantilla para ajustarla a sus necesidades, pero tenga en cuenta que no se proporciona soporte para código personalizado. Esta función sirve para organizar el contenido y ayuda a los usuarios a encontrar más fácilmente la información que necesitan.

Puede agregar subsecciones (secciones dentro de otras secciones) a la base de conocimientos de su centro de ayuda para crear una jerarquía de hasta seis niveles.

De manera predeterminada, la plantilla de página de sección del tema Copenhagen estándar muestra una lista de las subsecciones de cada sección. El código del tema se puede modificar para mostrar subsecciones que usan otras plantillas de página o para cambiar el aspecto de las listas de subsecciones.

Nota: Este artículo se ofrece con fines de instrucción únicamente. Zendesk no ofrece soporte para el código ni lo garantiza. Zendesk tampoco puede ofrecer soporte para tecnologías de terceros, como JavaScript, jQuery o CSS. Publique cualquier problema que tenga en la sección de comentarios o intente buscar una solución en Internet o preguntándole a su chatbot de IA favorito.

Solo se pueden mostrar las subsecciones directas de una sección. No se pueden mostrar varios niveles de subsecciones.

Este artículo contiene los siguientes ejemplos:

Mostrar subsecciones en las páginas de categoría
Mostrar secciones y subsecciones como bloques

Mostrar subsecciones en las páginas de categoría

Pero la plantilla se puede actualizar para que muestre subsecciones debajo de los artículos de cada sección.

Para personalizar la plantilla de página de categoría

En la plantilla de página de categoría, inserte el siguiente bloque después de <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}}

Mostrar secciones y subsecciones como bloques

Puede personalizar la plantilla de página de categoría del tema Copenhagen para mostrar secciones como bloques.

De manera similar, puede personalizar la plantilla de página de secciones para que muestre las subsecciones como bloques.

Para personalizar la plantilla de página de categoría

En la plantilla de página de categoría, sustituya la etiqueta

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

y su contenido por el siguiente fragmento:

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

Para personalizar la plantilla de secciones

En la plantilla de página de secciones, sustituya la etiqueta {{#if section.sections}}> y su contenido por el siguiente fragmento:

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