vendor/dvdw/directory/src/Resources/views/storefront/element/cms-element-shop-directory.html.twig line 1

Open in your IDE?
  1. {% block element_shop_directory %}
  2.     {% set searchResult = element.data.listing %}
  3.     {% set currentPage = ((searchResult.criteria.offset + 1) / searchResult.criteria.limit )|round(0, 'ceil') %}
  4.     {% set limit = searchResult.criteria.limit %}
  5.     {% set paginationConfig = {
  6.         page: currentPage,
  7.         totalPages: (searchResult.total / limit)|round(0, 'ceil'),
  8.         initialPage: currentPage,
  9.         originalPage: 1
  10.     } %}
  11.     {% set slot = cmsPage.firstElementOfType('shop-directory') %}
  13.     {% set filterUrl = null %}
  14.     {% set dataUrl = null %}
  16.     {% if searchResult.currentFilters.navigationId %}
  17.         {% set filterUrl = url('frontend.cms.navigation.filter', { navigationId: searchResult.currentFilters.navigationId }) %}
  18.         {% set dataUrl = url('frontend.cms.navigation.page', { navigationId: searchResult.currentFilters.navigationId }) %}
  19.     {% endif %}
  21.     {% set params = { 
  22.         slotId: slot.id,
  23.         'no-aggregations': 1 
  24.     } %}
  25.     {% set listingPagination = {
  26.         sidebar: null,
  27.         params: params,
  28.         dataUrl: dataUrl,
  29.         filterUrl: filterUrl,
  30.         disableEmptyFilter: disableEmptyFilter,
  31.         snippets: {
  32.             resetAllButtonText: 'listing.filterPanelResetAll'|trans|sw_sanitize
  33.         }
  34.     } %}
  36.     {% set hasPagination = element.config['hasPagination']['value'] %}
  40.     <div class="cms-element-shop-directory cms-element-product-listing-wrapper"
  41.          data-listing="true"
  42.          data-listing-options='{{ listingPagination|json_encode }}'
  43.          data-listing-pagination-options='{{ paginationConfig|json_encode }}'
  44.          {% if not hasPagination %}
  45.             data-listing-infinite-scroll="true"
  46.          {% endif %}
  47.          {% if hasPagination %}
  48.              data-listing-pagination="true"
  49.          {% endif %}
  50.     >
  51.         {% set shops = element.data.listing.elements %}
  53.         <div class="cms-element-shop-directory__wrapper cms-element-product-listing{% if not hasPagination %} is-infinite-scroll{% endif %}">
  54.             <div class="cms-listing-row js-listing-wrapper">
  55.                 {% if shops %}
  56.                     {% for shop in shops %}
  57.                         <div class="cms-element-shop-directory__item">
  58.                             {% sw_include '@DvdwDirectory/storefront/component/shops/webshop.html.twig' with {
  59.                                 product: shop
  60.                             } %}
  61.                         </div>
  62.                     {% endfor %}
  63.                 {% endif %}
  65.             </div>
  66.             <div>
  68.             {# 
  69.                 Fix pagination and disable infinite scroll 
  70.                 + use shopware default pagination instead of custom element:
  71.                 '@DvdwDirectory/storefront/component/listing/pagination/pagination.html.twig'
  72.             #}
  74.             {# {% if hasPagination %} #}
  75.                 {% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
  76.                     entities: searchResult,
  77.                     criteria: searchResult.criteria,
  78.                     paginationConfig: paginationConfig,
  79.                     pageOriginal: pageOriginal
  80.                 } %}
  81.             {# {% else %}
  82.                 <p>No pagination available.</p>
  83.             {% endif %} #}
  85.             </div>
  86.         </div>
  88.         {# {% if not hasPagination %}
  89.             {% block element_product_listing_loading_indicator %}
  90.                 {% sw_include '@DvdwDirectory/storefront/component/listing/loading-indicator.html.twig' %}
  91.             {% endblock %}
  92.         {% endif %} #}
  94.         <div class="empty-container-indicator">
  95.             {% block element_product_listing_col_empty_alert %}
  96.                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  97.                     type: 'info',
  98.                     content: 'listing.emptyResultMessage'|trans|sw_sanitize
  99.                 } %}
  100.             {% endblock %}
  101.         </div>
  102.     </div>
  103. {% endblock %}