templates/product/listing_content.html.twig line 37

Open in your IDE?
  1. {# @var productListing \Pimcore\Bundle\EcommerceFrameworkBundle\IndexService\ProductList\ProductListInterface #}
  2. {# @var result Knp\Component\Pager\Pagination\SlidingPagination #}
  3. {# @var item \App\Model\Product\Car #}
  4. {# @var filterService \Pimcore\Bundle\EcommerceFrameworkBundle\FilterService\FilterService #}
  5. {# @var filterDefinition \Pimcore\Model\DataObject\FilterDefinition #}
  8. {% if(category) %}
  9.     <div class="page-header">
  10.         <h1>{{ category.name }}</h1>
  11.     </div>
  12. {% endif %}
  14. <div class="album bg-light">
  15.     <div class="container">
  17.         <div class="row">
  19.             <div class="col-md-3">
  21.                 {% if( pimcore_device().isPhone ) %}
  22.                 <div id="filter-container" class="card mb-4">
  23.                     <div class="card-header">
  24.                         <a id="filter-head" href="#" class="text-dark text-decoration-none" data-toggle="collapse" data-target="#filter-container-content" aria-expanded="true" aria-controls="filter-container-content">
  25.                             {{ 'filter.title' | trans }}
  26.                         </a>
  27.                     </div>
  28.                     <div id="filter-container-content" class="card-body collapse" aria-labelledby="filter-head" data-parent="#filter-container">
  29.                         {% endif %}
  31.                         <form id="js_filterfield">
  33.                             {% if(filterDefinition.filters|length > 0) %}
  35.                                 {% for filter in filterDefinition.filters %}
  37.                                     {% set filterMarkup = filterService.filterFrontend(filter, productListing, currentFilter) %}
  39.                                     {{ filterMarkup | raw  }}
  41.                                 {% endfor %}
  42.                             {% endif %}
  44.                         </form>
  46.                         {% if( pimcore_device().isPhone ) %}
  47.                     </div></div>
  48.                 {% endif %}
  50.             </div>
  52.             <div class="col-md-9">
  54.                 <div class="row">
  56.                     {%  for item in results %}
  57.                         <div class="col-md-4 d-flex align-items-stretch flex-column">
  58.                             {% include 'product/product_teaser.html.twig' with {'product': item} %}
  59.                         </div>
  61.                     {% endfor %}
  62.                 </div>
  64.             </div>
  66.         </div>
  68.         <div class="pt-5">
  70.             {% include 'includes/pagination.html.twig' %}
  72.         </div>
  74.     </div>
  75. </div>
  77. {% do pimcore_inline_script().appendScript("
  79.     $('#js_filterfield .custom-checkbox input, #js_filterfield .custom-radio input').on('change', function() {
  80.         $('#js_filterfield').submit();
  81.     });
  83. ") %}