templates/snippets/search-modal.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. {% if not editmode %}
  10. <div class="search-overlay">
  11.     <div class="search-overlay__body">
  12. {% endif %}
  13.         <div class="container position-relative">
  14.             <button type="button" class="navigation__close d-none d-md-flex js-search-overlay__close">
  15.                 <span class="navigation__close-text">{{ 'nav.close' | trans }}</span>
  16.                 <span class="icon icon-close" aria-hidden="true"></span>
  17.             </button>
  18.             <div class="intro__text">
  19.                 {{ include('includes/title-blocks/title-block.html.twig', {
  20.                     className:'mb-0',
  21.                     title:'search.search-and-find'|trans,
  22.                     titleTag:'div',
  23.                     titleStyle:'fw-bold h3',
  24.                     subtitle:null
  25.                 }) }}
  26.             </div>
  27.             
  28.             <div class="filter-form mt-3">
  29.                 <form action="{{ document.property('siteConfig') ? document.property('siteConfig').searchDocument : '/404' }}" data-action="{{ document.property('siteConfig') ? document.property('siteConfig').searchDocument : '#' }}">
  30.                     <div class="row">
  31.                         <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">
  32.                             <div class="filter-form__filter mb-0">
  33.                                 <div class="filter-form__search">
  34.                                     {{ include('includes/form/form-control.html.twig', {
  35.                                         styleModifier:'w-100',
  36.                                         label:'search.searchterm...'|trans,
  37.                                         id:'query',
  38.                                         name:'query',
  39.                                         placeholder:'search.searchterm...'|trans,
  40.                                         required:false,
  41.                                         floating:true
  42.                                     }) }}
  43.                                     <button type="submit" class="btn btn-outline-white btn--icon btn--no-transition" aria-label="{{ 'search.submit'|trans }}" title="{{ 'search.submit'|trans }}">
  44.                                         <span class="btn__icon" aria-hidden="true">
  45.                                             <span class="icon icon-search" aria-hidden="true"></span>
  46.                                         </span>
  47.                                     </button>
  48.                                 </div>
  49.                             </div>
  50.                         </div>
  51.                     </div>
  52.                 </form>
  53.             </div>
  54.             <div class="search-overlay__tags">
  55.                 <ul>
  56.                     <li><span>{{ pimcore_input('tags-title', {width: 200}) }}</span></li>
  57.                     {% if editmode %}
  58.                         <br>
  59.                     {% endif %}
  60.                     {% for i in pimcore_iterate_block(pimcore_block('tags', {'default': 1, 'limit': 8})) %}
  61.                         <li class="d-inline-flex list-inline-item vertical-gutter__item">
  62.                             {{ pimcore_link('tag-link', {'class': 'tag-link'}) }}
  63.                         </li>
  64.                     {% endfor %}
  65.                 </ul>
  66.             </div>
  67.             <div class="search-overlay__teaser">
  68.                 <div class="search-overlay__teaser-header">
  69.                     {{ include('includes/title-blocks/editables/title-block.html.twig', {
  70.                         className:'mb-0',
  71.                         titleTag:'h4',
  72.                         subtitleTag: 'h5',
  73.                         disableTagAndStyleEditables: true,
  74.                     }) }}
  75.                 </div>
  76.                 {% if editmode %}
  77.                     <div class="alert alert-info">
  78.                         only Image Teaser allowed
  79.                     </div>
  80.                 {% endif %}
  81.                 <div class="row">
  82.                     <div class="col-lg-8 offset-lg-2">
  83.                         <div class="position-relative js-scroll-slider scroll-slider" data-scroll-slider-arrows="true" data-scroll-slider-dots="false">
  84.                             {% set block = pimcore_block('teaser', {'manual': true, 'default': 1, 'limit': 8}).start() %}
  86.                             <div class="row gy-4 scrolling-area scrolling-area--inset js-scroll-slider__area">
  87.                                 {% for i in pimcore_iterate_block(block) %}
  88.                                     {% do block.blockConstruct() %}
  89.                                         <div class="col-lg-3 scrolling-area__item js-scroll-slider__item">
  90.                                             {% do block.blockStart() %}
  91.                                             {{ pimcore_snippet('search-teaser', {'height': 300,'isInNav': true}) }}
  92.                                             {% do block.blockEnd() %}
  93.                                         </div>
  94.                                     {% do block.blockDestruct() %}
  95.                                 {% endfor %}
  96.                             </div>
  97.                             {% do block.end() %}
  98.                         </div>
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         </div>
  103. {% if not editmode %}
  105.     </div>
  106. </div>
  107. {% endif %}