app/template/default/Block/top_search.twig line 1

Open in your IDE?
  1. {% set ModelYears = repository('Eccube\\Entity\\Category').find(29) %}
  3. <div class="container-fluid top-search-container d-flex justify-content-center align-items-center">
  4.     <div class="d-flex">
  5.         <div class="dropdown drop-search-box">
  6.             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
  7.             全てのメーカー
  8.             </button>
  9.             <ul class="dropdown-menu" id="maker-ul" aria-labelledby="dropdownMenuButton1">
  10.                 {% for maker in Makers %}
  11.                     <li><a class="dropdown-item" href="javascript:void(0)" onclick="clickMakerSearch({{ maker.id }}, '{{ maker.name }}')">{{ maker.name }}</a></li>
  12.                 {% endfor %}
  13.             </ul>
  14.         </div>
  15.         <div class="dropdown drop-search-box">
  16.             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
  17.             全ての車両
  18.             </button>
  19.             <ul class="dropdown-menu" id="vehicle-ul" aria-labelledby="dropdownMenuButton2">
  20.             </ul>
  21.         </div>
  22.         <div class="dropdown drop-search-box">
  23.             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton3" data-bs-toggle="dropdown" aria-expanded="false">
  24.             全ての年式
  25.             </button>
  26.             <ul class="dropdown-menu" id="modelYear-ul" aria-labelledby="dropdownMenuButton3">
  27.             </ul>
  28.         </div>
  29.         <div>
  30.         <button type="button" class="btn btn-light" onclick="clickSideSearch()">検索</button>
  31.         </div>
  32.     </div>
  33. </div>
  35. <style type="text/css">
  36.     .top-search-wrapper{
  37.         width: 100%;
  38.     }
  39.     .top-search-container{
  40.         min-height: 400px;
  41.         background-image: url({{ asset('/html/user_data/assets/img/top/altair-top-image.jpg')}});
  42.         margin-bottom: 50px;
  43.     }
  44.     .top-search-container input[type="submit"]{
  45.         height: 100%;
  46.         padding: 0 20px;
  47.     }
  48.     .drop-search-box button{
  49.         width: 200px;
  50.     }
  51. </style>