导航、公告与搜索

<nav aria-label="Store navigation">
  <ul>
    {% for link in section.settings.menu.links %}
      <li>
        {% if link.links != blank %}
          <details>
            <summary>{{ link.title | escape }}</summary>
            <a href="{{ link.url | escape }}">{{ link.title | escape }} — overview</a>
            <ul>
              {% for child in link.links %}
                <li><a href="{{ child.url | escape }}"{% if child.current %} aria-current="page"{% endif %}>{{ child.title | escape }}</a></li>
              {% endfor %}
            </ul>
          </details>
        {% else %}
          <a href="{{ link.url | escape }}"{% if link.current %} aria-current="page"{% endif %}>{{ link.title | escape }}</a>
        {% endif %}
      </li>
    {% endfor %}
  </ul>
</nav>

{% assign announcement = shop.metafields.custom.announcement.value %}
{% if announcement.text.value != blank %}
  <aside class="ww-announcement" aria-label="Store announcement">
    {% if announcement.destination.value != blank %}
      <a href="{{ announcement.destination.value | escape }}">{{ announcement.text.value | escape }}</a>
    {% else %}
      <p>{{ announcement.text.value | escape }}</p>
    {% endif %}
  </aside>
{% endif %}

<form action="{{ routes.search_url }}" method="get" role="search">
  <label for="Search-{{ section.id }}">Search products and guides</label>
  <input id="Search-{{ section.id }}" type="search" name="q" value="{{ search.terms | escape }}">
  <input type="hidden" name="type" value="product,page,article">
  <button type="submit">Search</button>
</form>
{% if search.performed %}
  <p role="status">{{ search.results_count }} results</p>
  {% paginate search.results by 12 %}
    <ul>
      {% for result in search.results %}
        <li><a href="{{ result.url | escape }}">{{ result.title | escape }}</a> <small>{{ result.object_type | escape }}</small></li>
      {% endfor %}
    </ul>
    {{ paginate | default_pagination }}
  {% endpaginate %}
{% endif %}