templates/Snippets/regionOverlay.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('Layout/includes/css.html.twig') }}
  3.     {{ include('Layout/includes/encore.html.twig', {
  4.         'staticDebugMode': staticDebugMode,
  5.         'file': 'js/content'
  6.     }) }}
  7. {% endif %}
  8. <div class="js-nav__overlay main-navbar__overlay {{ editmode ? 'main-navbar__overlay--full-height show-overlay' : '' }}" id="regionsOverlay"
  9.      aria-hidden="true">
  11.     <button class="main-navbar__overlay-close {{ app.request.get('isMagazine', false) ? 'js-simple-nav__toggle-overlay' : 'js-nav__toggle-overlay' }}"
  12.             aria-label="Hide Overlay"
  13.             title="Hide Overlay"
  14.             data-nav-overlay-target="#regionsOverlay">
  15.         <span class="icon icon-close main-navbar__overlay-close__icon" aria-hidden="true"></span>
  16.         <span class="main-navbar__overlay-close__text">{{ 'nav.schliessen'|trans }}</span>
  17.     </button>
  19.     <div class=" js-nav__render-templates" style="min-height: 1px;">
  20.         {% if not editmode %}
  21.         <template class="js-render-template__template">
  22.             {% endif %}
  23.             <div class="main-navbar__overlay-container main-navbar__overlay-container--md">
  25.                 <div class="h3 mb-3 text-center font-decorative text-uppercase">
  26.                     {{ pimcore_input('headline') }}
  27.                 </div>
  28.                 {% if editmode %}
  29.                     <div class="alert alert-info">
  30.                         Img Teaser
  31.                     </div>
  32.                 {% endif %}
  33.                 {% set block = pimcore_block('teaser', {'manual': true, 'default': 1, 'limit': 12}).start() %}
  34.                 <div class="row row--gutter-width-20 vertical-gutter--3 justify-content-center">
  35.                     {% for i in pimcore_iterate_block(block) %}
  36.                         {% do block.blockConstruct() %}
  37.                         <div class="col-md-2 col-6 vertical-gutter__item">
  38.                             {% do block.blockStart() %}
  39.                             {{ pimcore_snippet('teaser', {
  40.                                 'height': 153,
  41.                                 'width': 153,
  42.                                 'ratio': 'square',
  43.                                 'isSmall': true,
  44.                                 'isInNav': app.request.get('isInNav', false)
  45.                             }) }}
  46.                             {% do block.blockEnd() %}
  47.                         </div>
  48.                         {% do block.blockDestruct() %}
  49.                     {% endfor %}
  50.                 </div>
  51.                 {% do block.end() %}
  53.                 {% if editmode or not pimcore_link('link').empty %}
  54.                     <div class="text-center mt-4">
  55.                         {{ pimcore_link('link', {'class': 'text-primary-light font-default-bold'}) }}
  56.                     </div>
  57.                 {% endif %}
  58.             </div>
  59.             {% if not editmode %}
  60.         </template>
  61.         {% endif %}
  62.     </div>
  63. </div>