Code du thème Base

templates/search.html

<div class="wrap">
  <header class="cat-head">
    <div>
      <h1>{% if search.q %}Résultats pour « {{ search.q }} »{% else %}Rechercher{% endif %}</h1>
      {% if search.q %}<p class="lead">{{ search.total }} {{ search.total | pluralize: "produit trouvé", "produits trouvés" }}</p>{% endif %}
    </div>
  </header>

  <form class="search big" action="{{ shop.search_url }}" method="get" role="search">
    {% for f in shop.search_fields %}<input type="hidden" name="{{ f.name }}" value="{{ f.value }}">{% endfor %}
    <input type="search" name="q" value="{{ search.q }}" placeholder="Que cherchez-vous ?" aria-label="Rechercher" autofocus>
    <button class="btn" type="submit">Rechercher</button>
  </form>

  {% if products %}
    <div class="toolbar">
      <p>{{ search.total }} {{ search.total | pluralize: "résultat", "résultats" }}</p>
      <div class="sort"><span>Trier :</span>{% for o in sort_options %}<a href="{{ o.url }}"{% if o.selected %} class="on" aria-current="true"{% endif %}>{{ o.label }}</a>{% endfor %}</div>
    </div>
    {% include "product-grid" %}
    {% include "pagination" %}
  {% elsif search.q %}
    <div class="empty">
      <p class="empty-title">Aucun produit ne correspond</p>
      <p>Vérifiez l'orthographe ou essayez un mot plus général.</p>
      {% if menu %}<div class="chips">{% for c in menu %}<a href="{{ c.url }}">{{ c.name }}</a>{% endfor %}</div>{% endif %}
    </div>
  {% endif %}
</div>