如何在 'show' 页面上制作面包屑导航？

Question

我在这个 tutorial 中制作了面包屑导航。我将作品用于目录目的并使用 'index' 和 'show' 页面。面包屑导航在作品的 'show' 页面上不起作用。是否可以在作品的 'show' 页面上使用面包屑导航？如何使用？

PS：问题是 'index' 页面的导航元素不是在 'show' 页面上自动创建的。

Answer 1

这应该考虑到所有祖先和任何 piece/index 页面情况

  <nav>
    <ol>
      {% for item in data.page._ancestors %}
        <li>
          <a href="{{ item._url }}">
              {{ item.title }}
          </a>
        </li>
      {% endfor %}
      {% if apos.utils.isUndefined(data.piece) %}
        <li class="is-current">
          {{ data.page.title }}
        </li>
      {% else %}
        <li>
          <a href="{{ data.page._url }}"{{ data.page.title }}</a>
        </li>
        <li class="is-current">
          {{ data.piece.title }}
        </li>
      {% endif %}
    </ol>
  </nav>

如何在 'show' 页面上制作面包屑导航？

How to make breadcrumbs navigation on 'show' page for piece?

apostrophe-cms