custom/plugins/SchrammTheme/src/Resources/views/storefront/component/product/listing.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/listing.html.twig' %}
  3. {% block element_product_listing_pagination_nav_top %}
  4.     {% set config = element.fieldConfig.elements %}
  5.     {% set slot = cmsPage.firstElementOfType('product-listing') %}
  7.         <div class="cms-element-sidebar-filter">
  8.             {% block element_product_listing_filter_button %}
  9.                 <button class="btn header-actions-btn filter-panel-wrapper-toggle"
  10.                         type="button"
  11.                         data-offcanvas-filter="true"
  12.                         aria-haspopup="true"
  13.                         aria-expanded="false"
  14.                         aria-label="{{ "general.menuLink"|trans }}">
  15.                     {{ "listing.filterTitleText"|trans }}
  16.                 </button>
  17.             {% endblock %}
  19.             {% block element_sidebar_filter_panel %}
  20.                 <div id="filter-panel-wrapper"
  21.                      class="filter-panel-wrapper"
  22.                      data-offcanvas-filter-content="true">
  23.                     {% sw_include '@Storefront/storefront/component/listing/filter-panel.html.twig' with {
  24.                         listing: slot.data.listing,
  25.                         sidebar: block.sectionPosition == 'sidebar'
  26.                     } %}
  27.                 </div>
  28.             {% endblock %}
  29.         </div>
  30. {% endblock %}
  32.  {% block element_product_listing_col %}
  33.      {% for product in searchResult %}
  34.          <div class="cms-listing-col col-sm-4">
  35.              {% block element_product_listing_box %}
  36.                  {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
  37.                      'layout': boxLayout,
  38.                      'displayMode': displayMode
  39.                  } %}
  40.              {% endblock %}
  41.          </div>
  42.      {% endfor %}
  43.  {% endblock %}
  45. {% block element_product_listing_sorting %}
  46. <div style="display: flex">
  47. <span style="margin-right: 5px" class="sort-label">
  48.      {{"listing.sortBy"|trans|sw_sanitize}}
  49. </span>
  51. {% set current = searchResult.sorting %}
  52. {% set sortings = searchResult.availableSortings %}
  54. {% set config = { sorting: current } %}
  56. {% if sortings|length > 1 %}
  57.     <div class="sorting" data-listing-sorting="true" data-listing-sorting-options='{{ config|json_encode }}'>
  58.         <select class="sorting custom-select" aria-label="{{ 'general.sortingLabel'|trans|striptags }}">
  59.             {% for sorting in sortings %}
  60.                 {% set key = sorting.key %}
  61.                 <option value="{{ key }}" {% if key == current %} selected{% endif %}>
  62.                     {{ sorting.translated.label|sw_sanitize }}
  63.                 </option>
  64.             {% endfor %}
  65.         </select>
  66.     </div>
  67. {% endif %}
  68. </div>
  71. {% endblock %}