templates/product/overview.html.twig line 1

Open in your IDE?
  1. {% extends base_layout() %}
  3. {% block content %}
  4.     <section class="mb-5 pb-5">
  5.         <div class="container">
  7.             {{ include('includes/title.html.twig') }}
  9.             {{ pimcore_areablock('content-1') }}
  10.             <div class="row">
  11.                 <div class="col-12">
  12.                     {% if editmode %}
  13.                         {% set message = 'Om een ProductCategory toe te voegen: wendt u zich naar "Objects"' %}
  14.                         {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'alert'} %}
  15.                     {% endif %}
  16.                 </div>
  17.             </div>
  19.             <div class="row row-cols-2 row-cols-lg-5 g-5 d-flex justify-content-center">
  20.                 {% for categorie in productcategories %}
  21.                     {% set detailLink = app_product_grouplink(categorie) %}
  23.                     <div class="col">
  24.                         <div class="text-center catoverview">
  25.                             <a href="{{ detailLink }}" class="fs-5"
  26.                                onMouseOver="this.style.color='{{ categorie.bgcolor }}'"
  27.                                onMouseOut="this.style.color='#595959'" data-toggle="tooltip" data-html="true" title="{{ categorie.infoProductGroup }}" style="cursor: pointer;">
  28.                                 <div class="p-3 position-relative h-100 d-block">
  29.                                     {% if categorie.getImage() is not empty %}
  31.                                         <img src="{{ categorie.getImage().getThumbnail('homepage-icon') }}"
  32.                                              class="img-fluid d-block" style="z-index: 1">
  34.                                     {% endif %}
  36.                                     {% set productimagebg = categorie.imagebg %}
  37.                                     {% if productimagebg %}
  39.                                         <img
  40.                                         src="{{ productimagebg.getThumbnail('homepage-icon') }}"
  41.                                         class="img-fluid position-absolute top-0 start-0 d-block bg-shape"
  42.                                         style="z-index: -1">{% endif %}
  45.                                 </div>
  46.                                 {% if categorie.combinedCategoryName is not empty %}
  47.                                     {{ categorie.combinedCategoryName|capitalize }}
  48.                                 {% else %}
  49.                                     {{ categorie.oms|capitalize }}
  50.                                 {% endif %}
  51.                             </a>
  52.                         </div>
  53.                     </div>
  54.                 {% endfor %}
  55.             </div>
  56.             {{ pimcore_areablock('content-2') }}
  58.             <div class="row">
  59.                 <div class="col-12 justify-content-center ">
  60.                     {% include 'includes/pagination-product.html.twig' %}
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </section>
  65. {% endblock %}