templates/Snippets/searchOverlay.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 %}
  9. <div class="js-nav__overlay main-navbar__overlay main-navbar__overlay--full-height {{ editmode ? 'show-overlay' : '' }}" id="searchOverlay"
  10.      aria-hidden="true">
  12.     <button class="main-navbar__overlay-close js-nav__toggle-overlay"
  13.             aria-label="Hide Overlay"
  14.             title="Hide Overlay"
  15.             data-nav-overlay-target="#searchOverlay">
  16.         <span class="icon icon-close main-navbar__overlay-close__icon" aria-hidden="true"></span>
  17.         <span class="main-navbar__overlay-close__text">{{ 'nav.schliessen'|trans }}</span>
  18.     </button>
  20.     <div class="js-nav__render-templates" style="min-height: 1px;">
  21.         {% if not editmode %}
  22.             <template class="js-render-template__template">
  23.         {% endif %}
  24.             <div class="main-navbar__overlay-container">
  25.                 <form class="js-action-changer main-nav__search-overlay__form" data-action="{{ siteConfig.search }}" action="/404">
  26.                     <label class="sr-only" for="search">{{ 'search-overlay.Suche'|trans }}</label>
  27.                     <input type="text" name="q" id="q" autocomplete="off"
  28.                            class="main-nav__search-overlay__input" placeholder="{{ 'search-overlay.Suche'|trans }}">
  30.                     <button type="submit" class="btn main-nav__search-overlay__btn">
  31.                         <span class="icon icon-search" aria-label="{{ 'sr.Senden'|trans }}" title="{{ 'sr.Senden'|trans }}"></span>
  32.                     </button>
  33.                 </form>
  35.                 <div class="d-flex justify-content-md-center flex-column flex-md-row my-5 text-center">
  36.                 <span class="text-dark-grey h5 mr-3">
  37.                     {{ pimcore_input('tag-headline', {'placeholder': 'TAG Headline'}) }}
  38.                 </span>
  40.                     <ul class="list-unstyled list-inline vertical-gutter--2">
  41.                         {% for i in pimcore_iterate_block(pimcore_block('tags', {'default': 1, 'limit': 8})) %}
  42.                             <li class="d-inline-flex list-inline-item vertical-gutter__item">
  43.                                 {{ pimcore_link('tag-link', {'class': 'tag-link'}) }}
  44.                             </li>
  45.                         {% endfor %}
  46.                     </ul>
  47.                 </div>
  49.                 <div class="text-center">
  50.                     <div class="h2 mb-3">{{ pimcore_input('teaser-headline') }}</div>
  51.                     {% if editmode %}
  52.                         <div class="alert alert-info">
  53.                             Img Teaser
  54.                         </div>
  55.                     {% endif %}
  56.                     {% set block = pimcore_block('teaser', {'manual': true, 'default': 1, 'limit': 8}).start() %}
  57.                     <div class="row vertical-gutter--default">
  58.                         {% for i in pimcore_iterate_block(block) %}
  59.                             {% do block.blockConstruct() %}
  60.                             <div class="col-md-3 col-6 vertical-gutter__item">
  61.                                 {% do block.blockStart() %}
  62.                                 {{ pimcore_snippet('teaser', {'height': 300,'isInNav': true}) }}
  63.                                 {% do block.blockEnd() %}
  64.                             </div>
  65.                             {% do block.blockDestruct() %}
  66.                         {% endfor %}
  67.                     </div>
  68.                     {% do block.end() %}
  70.                 </div>
  71.             </div>
  72.         {% if not editmode %}
  73.             </template>
  74.         {% endif %}
  75.     </div>