Advanced Search

Default Liquid Template

<h1 class="pagetitle">{{ "advanced_search.page_header" | trans }}</h1>

{{ advanced_search_form }}
<br class="clear" />
<div class="pagination">{{ products | paginate }}</div>
<br class="clear" />
<div class="products">
  {% if products.size > 0 %}
    <table border="0" class="invisible-table" width="100%" id="products">
      {% include 'product' with products %}
    </table>

    <div class="pagination">{{ products | paginate }}</div>
  {% else %}
    {% if search_performed %}
      {{ "advanced_search.no_results" | trans }}
    {% endif %}
  {% endif %}
</div>
<script language="javascript" type="text/javascript">
  jQuery(function($){
    $("#advanced_search_form input[data-autocomplete]").each(function(index, el) {
      $(el).autocomplete({
        source: $(el).attr('data-autocomplete'),
        minLength: 2,
        select: function(e, ui) {
          $(e.target).val(ui.item.value);
        }
      });
    });

    if ($("#advanced_search_form").attr('data-search-performed') == "true") {
      $("#advanced_search").hide();
    } else {
      $(".advanced_search_form_controls").hide();
    }

    $('#edit_advanced_search').click(function() {
      $('#advanced_search').toggle();
    });
  });
</script>

Default Mobile Liquid Template

<header>
<h1 class="pagetitle">{{ "advanced_search.page_header" | trans }}</h1>
{% include 'header_icons' %}
</header>

{{ advanced_search_form }}
<br class="clear" />
<div class="pagination">{{ products | paginate }}</div>
<br class="clear" />
{% if products.size > 0 %}
  <ul class="products">
    {% include 'product' with products %}
  </ul>

  <div class="pagination">{{ products | paginate }}</div>
{% else %}
<p class="no-products-message">Your search returned no results.</p>
{% endif %}

Drops Supported

• {{ products }}