search-results.html

{% from 'macros.html' import search_result %}

<section class="mzp-l-content sumo-page-section--inner">
  <div id="search-results" class="sumo-l-two-col">
    <aside class="sumo-l-two-col--sidebar">
      <h3 class="sidebar-subheading">{{ _('Filter by product') }}</h3>
      <nav class="sidebar-nav">
      <a class="details-heading">Menu Title</a>
      <ul id="product-filter" class="search-filter sidebar-nav--list">
        <li {{ product|class_selected(null) }}>
          <a href="#" data-instant-search-unset-params="product&page" data-instant-search-set-params="all_products=1" data-instant-search="link">
            {{ _('All Products') }}
          </a>
        </li>
        {% for p in products %}
          <li {{ product|class_selected(p.slug) }}>
            <a href="#" data-instant-search-set-params="product={{ p.slug }}" data-instant-search-unset-params="all_products&page" data-instant-search="link">
              {{ p.title }}
            </a>
          </li>
        {% endfor %}
      </ul>
      </nav>
    </aside>

    <main class="sumo-l-two-col--main" id="search-results-list">
      {% include 'search-results-list.html' %}
    </main>
  </div>
</section>