{{ header }}
  {{ (content_top) ? content_top : '' }}
  {% if productSpecialList %}
    {{ (column_refinar) ? column_refinar : '' }}
    <div class="ftr-grid ftr-in-space--n ftr-out-space--l ftr-out-space--b-xs">
      <span class="ftr-text--s">{{ totalProduct }} {{ (totalProduct > 1 ) ? t_results : t_result }}</span>
      <span class="ftr-text--s ftr-text--primary ftr-js-swipe-content-display ftr-js-order" href="#">
        <span>{{ t_order_by }}</span>
        <i class="material-icons">&#xE5CC;</i>
      </span>
      <div class="ftr-swipe-content ftr-js-swipe-content">
        <div class="ftr-swipe-content__header">
          <i class="material-icons ftr-js-close">&#xE5CD;</i>
          <span class="ftr-out-space--l-s">{{ t_order_by }}</span>
        </div>
        <div class="ftr-swipe-content__main ftr-in-space--t-n">
          {% set sortorder = sort ~ '-' ~ order %}
          {% for key, sort in sorts %}
            <input class="ftr-radio ftr-js-order-options" id="order-{{ key }}" type="radio" name="order" value="{{ sort.href }}" {{ (sort.value == sortorder) ? 'checked' : '' }}>
            <label class="ftr-radio-label ftr-block" for="order-{{ key }}">
              <span class="ftr-radio-label__text">{{ sort.text }}</span>
            </label>
          {% endfor %}
        </div>
      </div>
    </div>
    <div class="ftr-no-scroller">
      <div class="ftr-scroller ftr-js-products-view" data-pagination='{{ (paginationajax) ? pagination : "" }}'>
        {{ productSpecialList }}
      </div>
    </div>
      {% if (pagination and paginationajax == false) %}
        <div class="ftr-pagination ftr-width--full">
            {{ pagination }}
        </div>
      {% endif %}
  {% else %}
    <div class="ftr-no-result">
      <i class="material-icons ftr-no-result__cloud-1">&#xe2bd;</i>
      <i class="material-icons ftr-no-result__cloud-2">&#xe2bd;</i>
      <i class="material-icons ftr-no-result__cloud-3">&#xe2bd;</i>
      <i class="material-icons ftr-no-result__cloud-4">&#xe2bd;</i>
      <i class="material-icons ftr-no-result__cloud-5">&#xe2bd;</i>
      <i class="material-icons ftr-no-result__cloud-6">&#xe2bd;</i>
      <i class="ftr-no-result__sad">(</i>
      <i class="material-icons ftr-no-result__search ftr-text--primary">&#xe8b6;</i>
    </div>
    <span class="ftr-block ftr-text--l ftr-text--center ftr-in-space--xl">
      {{ t_result_not_found }}
    </span>
  {% endif %}
  {{ (content_bottom) ? content_bottom : '' }}
{{ footer }}
