templates/areas/suche/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="edit-box">
  3.         <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  4.         <div class="flex gap-20">
  5.             <div class="content flex column gap-20">
  6.                 <div class="content-box flex gap-20">
  7.                     <div class="item">
  8.                         <p class="edit-p">Abstand nach unten wählen:</p>
  9.                         {{ pimcore_select("MarginBottom", {
  10.                             "reload": true,
  11.                             "store": [
  12.                                 ["regular", "Normal"],
  13.                                 ["half", "1/2"],
  14.                                 ["small", "1/4"],
  15.                                 ["zero", "kein Abstand"],
  16.                             ],
  17.                             "defaultValue" : "regular"
  18.                         }) }}
  19.                     </div>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.     </div>
  24. {% endif %}
  26. <section class="search-results results-section {{ pimcore_select('MarginBottom').getData() }}">
  28.     {# <script async src="https://cse.google.com/cse.js?cx={{ searchCX }}"></script>
  29.     <script>
  30.         const placeholderInterval = setInterval(()=> {
  31.             const searchInput = document.getElementById('gsc-i-id1');
  32.             if (searchInput) {
  33.                 searchInput.setAttribute("placeholder", "Suche...");
  34.                 clearInterval(placeholderInterval)
  35.            }
  36.         }, 10)
  37.     </script> #}
  38.     {# <div class="container" id="gsc-i-id12">
  39.         <div class="content-container">
  40.             <div class="gcse-searchbox" data-enableHistory="true" data-enableAutoComplete="true" data-autoCompleteMaxCompletions="5"></div>
  41.             <div class="gcse-searchresults" data-refinementStyle="link"></div>
  42.         </div>
  43.     </div>
  45.     <style>
  46.         .gsc-adBlock {
  47.             display: none;
  48.         }
  49.     </style> #}
  52.         <div class="results">
  53.             <div
  54.                 class="container-bottom">
  56.                 {# results text #}
  57.                 <div class="search-results-text hidden" id="searchResultsText">
  58.                     {{ 'areas.search.results-text-1'|trans }}
  59.                     «<span id="searchResultsKeyword"></span>»
  60.                     {{ 'areas.search.results-text-2'|trans }}
  61.                 </div>
  63.                 {# no results #}
  64.                 <div class="no-search-results hidden" id="noSearchResults">
  65.                     {{ 'areas.search.no-results'|trans }}
  66.                 </div>
  68.                 {# number of search results #}
  69.                 <div class="search-results-amount hidden" id="searchResultsAmount">
  70.                     {{ 'areas.search.number-of-results'|trans }}
  71.                     <span id="searchResultsAmountCounter"></span>
  72.                 </div>
  74.                 {# search results #}
  75.                 <div class="result-output" id="resultOutput"></div>
  77.             </div>
  78.         </div>
  80. </section>