templates/includes/product/product-content.html.twig line 1

Open in your IDE?
  1. {% set specialTeaser = document.getProperty('specialTeaser') %}
  3. {% if products|length and products|first is instanceof('\\Pimcore\\Model\\DataObject\\Product') %}
  4.     {{ include('includes/product/product-filter.html.twig', {
  5.         'products': products,
  6.         'categories': categories|default([]),
  7.     }) }}
  8. {% else %}
  9.     {{ include('includes/product/product-filter-used.html.twig', {
  10.         'products': products,
  11.         'categories': categories|default([]),
  12.         'brands': brands|default([]),
  13.         'countries': countries|default([]),
  14.         'workingHourMin': workingHourMin|default([]),
  15.         'workingHourMax': workingHourMax|default([]),
  16.         'yearOfManufactureMin': yearOfManufactureMin|default([]),
  17.         'yearOfManufactureMax': yearOfManufactureMax|default([]),
  18.         'engineTypes': engineTypes|default([]),
  19.         'capacityMin': capacityMin|default([]),
  20.         'capacityMax': capacityMax|default([]),
  21.     }) }}
  22. {% endif %}
  26. <div class="js-product-grid__content">
  27.     <div class="js-product-grid-quick-filter__template" hidden>
  28.         <li class="list-inline-item">
  29.             <button type="button" class="js-product-grid-quick-filter__item product-grid-quick-filter__item">
  30.                 <span class="js-product-grid-quick-filter__text"></span>
  31.                 <span class="icon icon-x product-grid-quick-filter__remove" aria-label="{{ 'global.filter.remove'|trans }}"></span>
  32.             </button>
  33.         </li>
  34.     </div>
  35.     <ul class="my-4 list-md-inline list-unstyled d-md-flex align-items-center">
  36.         <li class="list-inline-item">
  37.             <ul class="js-product-grid-quick-filter my-4 list-inline">
  38.                 <!-- content is append with JS -->
  39.             </ul>
  40.         </li>
  41.       
  42.         <li class="list-inline-item">
  43.             <button class="align-items-center js-product-grid__remove-input btn-no-styling product-grid-quick-filter__remove-btn js-product-grid-quick-filter__remove-all" type="reset" data-name="*" hidden>
  44.                 <span class="icon icon-delete product-grid-quick-filter__remove-btn-icon" aria-label="{{ 'global.filter.RemoveAllFilters'|trans }}"></span>
  45.                 <span class="product-grid-quick-filter__remove-btn-text">{{ 'global.filter.RemoveAllFilters'|trans }}</span>
  46.             </button>
  47.         </li>
  48.     </ul>
  50.     <div class="row gy-2">
  51.         {% set length = products|length %}
  52.         {% set specialTeaserIndex = 3 %}
  53.         {% if length < 4 %}
  54.             {% set specialTeaserIndex = length %}
  55.         {% endif %}
  56.         {% for product in products %}
  57.             <div class="col-xl-3 col-md-6">
  58.                 {{ _self.renderProductTeaser(product) }}
  59.             </div>
  60.             {% if specialTeaser and specialTeaserIndex == loop.index %}
  61.                 <div class="col-xl-3 col-md-6">
  62.                     {{ pimcore_inc(specialTeaser) }}
  63.                 </div>
  64.             {% endif %}
  65.         {% endfor %}
  66.         {% if length == 0 %}
  67.             {{ include('includes/atoms/no-results.html.twig') }}
  68.         {% endif %}
  69.     </div>
  70. </div>
  73. {% macro renderProductTeaser(product) %}
  74.     {% if product is instanceof('\\Pimcore\\Model\\DataObject\\Product') %}
  75.         {% set teaserType = 'product' %}
  76.     {% elseif product is instanceof('\\Pimcore\\Model\\DataObject\\MascusProduct') %}
  77.         {% set teaserType = 'mascusProduct' %}
  78.     {% elseif product is instanceof('\\Pimcore\\Model\\DataObject\\Forklift') %}
  79.         {% set teaserType = 'forklift' %}
  80.     {% endif %}
  82.     {{ include('includes/teaser/products-teaser-'"#{teaserType}"'.html.twig', {
  83.         'product': product,
  84.     }) }}
  85. {% endmacro %}