custom/plugins/Lichtkarree/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 product_listing %}
  4.     <div class="cms-element-product-listing-wrapper"
  5.          data-listing-pagination="true"
  6.          data-listing-pagination-options='{{ paginationConfig }}'
  7.          data-listing="true"
  8.          data-listing-options='{{ listingPagination|json_encode }}'>
  10.         {% block element_product_listing_wrapper_content %}
  11.         <h1 class="seo-headline-listing">{{page.header.navigation.active.name}}</h1>
  12.             <div class="cms-element-product-listing">
  13.                 {% if searchResult.total > 0 %}
  14.                     {% block element_product_listing_pagination_nav_actions %}
  15.                         <div class="cms-element-product-listing-actions row justify-content-between">
  16.                             <div class="col-md-auto">
  17.                                 {% block element_product_listing_pagination_nav_top %}
  18.                                     {% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
  19.                                         entities: searchResult,
  20.                                         criteria: searchResult.criteria
  21.                                     } %}
  22.                                 {% endblock %}
  23.                             </div>
  25.                             <div class="col-md-auto">
  26.                                 {% block element_product_listing_sorting %}
  27.                                     {% sw_include '@Storefront/storefront/component/sorting.html.twig' with {
  28.                                         current: searchResult.sorting,
  29.                                         sortings: searchResult.availableSortings
  30.                                     } %}
  31.                                 {% endblock %}
  32.                             </div>
  33.                         </div>
  34.                     {% endblock %}
  35.                 {% endif %}
  37.                 {% block element_product_listing_row %}
  38.                     <div class="row cms-listing-row js-listing-wrapper">
  39.                         {% if searchResult.total > 0 %}
  40.                             {% block element_product_listing_col %}
  41.                                 {% for product in searchResult %}
  42.                                     <div class="cms-listing-col {{ listingColumns }}">
  43.                                         {% block element_product_listing_box %}
  44.                                             {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
  45.                                                 'layout': boxLayout,
  46.                                                 'displayMode': displayMode
  47.                                             } %}
  48.                                         {% endblock %}
  49.                                     </div>
  50.                                 {% endfor %}
  51.                             {% endblock %}
  52.                         {% else %}
  53.                             {% block element_product_listing_col_empty %}
  54.                                 <div class="cms-listing-col col-12">
  55.                                     {% block element_product_listing_col_empty_alert %}
  56.                                         {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  57.                                             type: 'info',
  58.                                             content: 'listing.emptyResultMessage'|trans|sw_sanitize
  59.                                         } %}
  60.                                     {% endblock %}
  61.                                 </div>
  62.                             {% endblock %}
  63.                         {% endif %}
  64.                     </div>
  65.                 {% endblock %}
  67.                 {% if searchResult.total > searchResult.limit %}
  68.                     {% block element_product_listing_pagination_nav_bottom %}
  69.                         {% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
  70.                             entities: searchResult,
  71.                             criteria: searchResult.criteria,
  72.                             paginationLocation: 'bottom',
  73.                         } %}
  74.                     {% endblock %}
  75.                 {% endif %}
  76.             </div>
  77.         {% endblock %}
  78.     </div>
  79. {% endblock %}