templates/document/sub_category_page/default.html.twig line 83

Open in your IDE?
  1. {% extends 'layout/default.html.twig' %}
  3. {% block contentBlock %}
  4. <main class="stereotaxicCategoryPage" style="background-attachment: fixed;background-image: url({{ document.getProperty('template_background_image') ? document.getProperty('template_background_image').getThumbnail('Stoelting_division_bg') }}) ;">
  5.         <div class="container mt-5 mt-lg-5 mt-md-5">
  6.             <div class="row">
  7.                 <div class="col-xl-10 offset-xl-1 offset-lg-0 col-lg-12 pb-3 pb-lg-3 pb-md-3">
  8.                     <div class="d-flex align-items-center">
  9.                         {% set anyMaze = 'any-maze' in document.getProperty('navigation_title') | lower %}
  10.                         <div class="category-breadcrumb-image {{ pimcore_image('categoryBreadcrumbImage').isEmpty() and not editmode ? 'd-none' : 'mr-3 mr-lg-3 mr-md-3' }}">
  11.                             {% if editmode %}
  12.                                 {{ pimcore_image('categoryBreadcrumbImage') }}
  13.                             {% else %}
  14.                                 <img style="width:80px;" src="{{ pimcore_image('categoryBreadcrumbImage').getThumbnail('Stoelting_category_breadcrumb') }}" alt="{{ pimcore_image('categoryBreadcrumbImage').getAlt() }}">
  15.                             {% endif %}
  16.                         </div>
  18.                         <!-- * Desktop version-->
  19.                         <div class="sub-category-nav--desktop align-items-center border-2 border-bottom border-indigo w-100 pb-3 pb-lg-3 pb-md-3" style="margin-bottom: 8px;">
  20.                             <h2 class="font-weight-bold mb-0">
  21.                                 {% if editmode %}
  22.                                     {{ pimcore_input('categoryBreadcrumbHeading', {
  23.                                         placeholder: document.getProperty('navigation_title')
  24.                                     }) }}
  25.                                 {% elseif not pimcore_input('categoryBreadcrumbHeading').isEmpty() %}
  26.                                     {{ pimcore_input('categoryBreadcrumbHeading') }}
  27.                                 {% else %}
  28.                                     {{ document.getProperty('navigation_title') }}
  29.                                 {% endif %}
  31.                             </h2>
  32.                             <div class="d-flex ml-auto">
  33.                                 <h4 class="font-weight-bold text-uppercase mb-0">
  34.                                     <a href="{{ document.parent.href }}" class="text-navyBlue hover-mediumBlue">
  35.                                         <span class="text-indigo">&lt; </span> {{ document.parent.property('navigation_title') }}
  36.                                     </a>
  37.                                 </h4>
  38.                             </div>
  40.                         </div>
  42.                         <!-- * Mobile version-->
  43.                         <div class="sub-category-nav--mobile">
  44.                             <div class="border-2 border-bottom border-indigo w-100 pb-2 pb-lg-2 pb-md-2">
  45.                                 <h3 class="font-weight-bold">
  46.                                     {% if editmode %}
  47.                                         {{ pimcore_input('categoryBreadcrumbHeading--mobile', {
  48.                                             placeholder: document.getProperty('navigation_title')
  49.                                         }) }}
  50.                                     {% elseif not pimcore_input('categoryBreadcrumbHeading--mobile').isEmpty() %}
  51.                                         {{ pimcore_input('categoryBreadcrumbHeading--mobile') }}
  52.                                     {% else %}
  53.                                         {{ document.getProperty('navigation_title') }}
  54.                                     {% endif %}
  55.                                 </h3>
  56.                             </div>
  57.                             <div class="d-flex pt-2 pt-lg-2 pt-md-2">
  58.                                 <h4 class="font-weight-bold text-uppercase">
  59.                                     <a href="{{ document.parent.href }}" class="d-flex align-items-center text-navyBlue hover-mediumBlue">
  60.                                         <span class="text-indigo">&lt; </span><small class="ml-1 ml-lg-1 ml-md-1">{{ document.parent.property('navigation_title') }}</small>
  61.                                     </a>
  62.                                 </h4>
  63.                             </div>
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.             </div>
  70.                 <div class="row mt-5 mt-lg-5 mt-md-5 stereotaxicCategoryPage-products align-items-start">
  71.                     <div class="col-xl-8 offset-xl-2">
  72.                         <div class="row align-items-start">
  73.                             {% set fallbackImage = asset('static/images/admin/empty_image.png') %}
  74.                             {% for index, product in paginator %}
  75.                                 {% set image = product.image is defined ? product.image : null %}
  77.                                 <!-- include subtemplate 'category-item.html.twig' -->
  78.                                 {% include "Components/product-item.html.twig" with {'product': product} %}
  79.                             {% endfor %}
  80.                         </div>
  81.                         <div class="row {{ paginator.paginationData.pageCount == 1 ? 'd-none' }}">
  82.                             <div class="col-lg-6 offset-lg-3">
  83.                                 {% include 'Components/pagination.html.twig' with paginator %}
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.         </div>
  89.     </main>
  90. {% endblock %}