templates/document/category_page/default.html.twig line 1

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 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>
  17.                         <h2 class="d-none d-md-inline font-weight-bold border-2 border-bottom border-indigo w-100 custom-bradcrumb-padding">
  18.                             {% if editmode %}
  19.                                 {{ pimcore_input('categoryBreadcrumbHeading', {
  20.                                     placeholder: document.getProperty('navigation_title')
  21.                                 }) }}
  22.                             {% elseif not pimcore_input('categoryBreadcrumbHeading').isEmpty() %}
  23.                                 {{ pimcore_input('categoryBreadcrumbHeading') }}
  24.                             {% else %}
  25.                                 {{ document.getProperty('navigation_title') }}
  26.                             {% endif %}
  27.                         </h2>
  28.                         <!--* ON MOBILE H3-->
  29.                         <h3 class="d-inline d-md-none font-weight-bold border-2 border-bottom border-indigo w-100 custom-bradcrumb-padding">
  30.                             {% if editmode %}
  31.                                 {{ pimcore_input('categoryBreadcrumbHeading--mobile', {
  32.                                     placeholder: document.getProperty('navigation_title')
  33.                                 }) }}
  34.                             {% elseif not pimcore_input('categoryBreadcrumbHeading--mobile').isEmpty() %}
  35.                                 {{ pimcore_input('categoryBreadcrumbHeading--mobile') }}
  36.                             {% else %}
  37.                                 {{ document.getProperty('navigation_title') }}
  38.                             {% endif %}
  39.                         </h3>
  40.                     </div>
  41.                 </div>
  42.             </div>
  44.             <div class="row mt-5 mt-lg-5 mt-md-5 stereotaxicCategoryPage-products">
  45.                 <div class="col-xl-8 offset-xl-2">
  46.                     <div class="row align-items-start">
  47.                         {% set fallbackImage = asset('static/images/admin/empty_image.png') %}
  48.                         {% for index, page in documents %}
  49.                             {% set image = page['image'] ? page['image'].getThumbnail('Stoelting_neuroscience_circle') : fallbackImage %}
  51.                             <!-- include subtemplate 'category-item.html.twig' -->
  52.                             {% include "Components/category-item.html.twig" with page %}
  54.                         {% endfor %}
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.         </div>
  59.     </main>
  60. {% endblock %}