custom/static-plugins/NdTheme/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. {% if page and page is instanceof('Nd\\Fashion\\Page\\Manufacturer\\ProductManufacturerPage') %}
  4.     {% set dataUrl =  url('frontend.productManufacturer.detail', { productManufacturerId: page.productManufacturerId }) %}
  5.     {% set filterUrl = url('frontend.productManufacturer.detail', { productManufacturerId: page.productManufacturerId }) %}
  6. {% endif %}
  10. {% set listingPagination = {
  11.     sidebar: sidebar,
  12.     params: params,
  13.     dataUrl: dataUrl,
  14.     filterUrl: filterUrl,
  15.     disableEmptyFilter: disableEmptyFilter,
  16.     snippets: {
  17.         resetAllButtonText: 'listing.filterPanelResetAll'|trans|sw_sanitize
  18.     }
  19. } %}
  21. {% block product_listing %}
  22.     <div class="md:flex items-end justify-between">
  23.         <h1 class="product-listing-name font-display font-bold text-3xl uppercase pt-3 pb-1">{{ page.header.navigation.active.name }}</h1>
  25.         <div class="grid-gap-2 items-center hidden lg:flex">
  26.             <div class="products-per-page flex grid-gap-1 text-sm text-grey-600"
  27.                  data-products-per-page="true">
  28.                 <select name="per-page" id="per-page" class="custom-select !pr-7">
  29.                     {% set numbers = [12, 24, 36, 48, 72] %}
  30.                     {% set getParameter = app.request.query.get('limit') + 0 %}
  31.                     {% for item in numbers %}
  32.                         <option value="{{ item }}"
  33.                                 {% if getParameter === item or searchResult.limit === item %}selected{% elseif loop.first %}{% endif %}>
  34.                             {{ item }}
  35.                         </option>
  36.                     {% endfor %}
  37.                 </select>
  38.             </div>
  39.             {% sw_include '@Storefront/storefront/component/custom-sorting.html.twig' with {
  40.                 current: searchResult.sorting,
  41.                 sortings: searchResult.availableSortings,
  42.                 type: 'select'
  43.             } %}
  44.         </div>
  45.     </div>
  47.     <div class="cms-element-product-listing-wrapper relative"
  48.          data-listing-pagination="true"
  49.          data-listing-pagination-options='{{ paginationConfig }}'
  50.          data-listing="true"
  51.          data-listing-options='{{ listingPagination|json_encode }}'>
  52.         {% block element_product_listing_wrapper_content %}
  53.             <div class="cms-element-product-listing boxed-layout">
  54.                 {% block element_product_listing_header %}
  55.                     <section class="product-listing-header hidden lg:block">
  56.                         <div class="product-listing-header-actions flex justify-between items-center pb-3 pt-1">
  57.                             <div class="show-results text-sm text-grey-600">
  58.                                 {% set totalCurrent = searchResult.limit %}
  59.                                 {% if searchResult.limit > searchResult.total %}
  60.                                     {% set totalCurrent = searchResult.total %}
  61.                                 {% endif %}
  62.                                 {{ 'pages.listing.showingResults'|trans({ '%current%': totalCurrent, '%total%': searchResult.total })|sw_sanitize }}
  63.                             </div>
  64.                         </div>
  65.                     </section>
  66.                 {% endblock %}
  68.                 {% block element_product_listing_row %}
  69.                     <div class="cms-listing-row js-listing-wrapper grid grid-cols-2 grid-gap-2 md:grid-cols-3 xl:grid-cols-4">
  70.                         {% if searchResult.total > 0 %}
  71.                             {% block element_product_listing_col %}
  72.                                 {% for product in searchResult %}
  73.                                     <div class="product-card">
  74.                                         {% block element_product_listing_box %}
  75.                                             {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
  76.                                                 'layout': boxLayout,
  77.                                                 'displayMode': displayMode
  78.                                             } %}
  79.                                         {% endblock %}
  80.                                     </div>
  81.                                 {% endfor %}
  82.                             {% endblock %}
  83.                         {% else %}
  84.                             {% block element_product_listing_col_empty %}
  85.                                 <div class="cms-listing-col no-products-found col-span-full">
  86.                                     {% block element_product_listing_col_empty_alert %}
  87.                                         {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  88.                                             type: 'info',
  89.                                             content: 'listing.emptyResultMessage'|trans|sw_sanitize
  90.                                         } %}
  91.                                     {% endblock %}
  92.                                 </div>
  93.                             {% endblock %}
  94.                         {% endif %}
  95.                     </div>
  96.                 {% endblock %}
  98.                 {% if searchResult.total > searchResult.limit %}
  99.                     {% block element_product_listing_pagination_nav_bottom %}
  100.                         {% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
  101.                             entities: searchResult,
  102.                             criteria: searchResult.criteria,
  103.                             paginationLocation: 'bottom',
  104.                         } %}
  105.                     {% endblock %}
  106.                 {% endif %}
  107.             </div>
  108.         {% endblock %}
  109.     </div>
  110. {% endblock %}