templates/products-list.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  5. {% include 'includes/breadcrumb.html.twig' %}
  7. <section class="section-filter">
  8.     <div class="container-fluid">
  9.         <div class="row justify-content-sm-end align-items-center">
  10.             <div class="col-12 col-lg-auto me-lg-auto">
  11.             {% if app.request.get("search") is not empty %}
  12.                 <p class="h1">Zoeken: "{{ app.request.get("search") }}"<p>
  13.             {% else %}
  14.                 <p class="h1">{{ category is defined ? category.name : 'Producten'|trans }}</p>
  15.             {% endif %}
  16.             </div>
  18.             {% include 'includes/product-sorting.html.twig' %}
  19.         </div><!--/ .row -->
  20.     </div><!--/ .container -->
  21. </section>
  23. <section class="section-products">
  24.     <div class="container-fluid">
  25.         <div class="row">
  26.             <div class="col-lg-4 col-xl-3 mb-4 mb-lg-0">
  27.                 <button class="btn btn-outline-secondary w-md-auto mb-4 d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-filters" aria-expanded="false" aria-controls="collapse-filters">
  28.                     {{ 'Filters weergeven'|trans }}
  29.                 </button>
  31.                 <div id="collapse-filters" class="collapse d-lg-block">
  32.                     {% include 'includes/product-filters.html.twig' %}
  33.                     {% include 'includes/product-categories.html.twig' %}
  34.                 </div>
  35.             </div>
  37.             <div class="col-lg-8 col-xl-9">
  38.                 <div class="row">
  39.                     {% for item in results.items %}
  40.                         <div class="col-12 mb-4">
  41.                             {% include 'includes/product-list-item.html.twig' %}
  42.                         </div>
  43.                     {% endfor %}
  44.                 </div><!--/ .row -->
  46.                 {% if results.count == 0 %}
  47.                 <div class="alert alert-info">
  48.                     <p>{{ 'Geen resultaten gevonden voor uw zoekopdracht of filter'|trans }}</p>
  49.                 </div>
  50.                 {% endif %}
  52.                 {% include 'includes/pagination.html.twig' %}
  53.             </div>
  54.         </div><!--/ .row -->
  55.     </div><!--/ .container-fluid -->
  56. </section>
  58. <favorite-modal></favorite-modal>
  60. {% endblock %}