app/template/BlackCherry/Block/footer.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% block stylesheet %}{% endblock %}
  12. {% block javascript %}
  13. <script>
  14.     var makers = {{ global_makers|map(m => {'id': m.id, 'name': m.name})|json_encode|raw }};
  15. </script>
  16. <script>
  17.   $(function () {
  18.        let select = $('#makerSelect'); // id="makerSelect" をターゲット
  19.       if (typeof makers !== 'undefined') {
  20.         makers.forEach(function (m) {
  21.           select.append($('<option>', { value: m.id, text: m.name }));
  22.         });
  24.         // URLパラメータ維持
  25.         const params = new URLSearchParams(window.location.search);
  26.         if (params.has('maker_id')) {
  27.           select.val(params.get('maker_id'));
  28.         }
  29.       }
  30.       
  31.     $('#searchMenu').hide();
  33.     $('#openSearchMenu').on('click', function () {
  34.       $('#searchMenu').fadeIn();
  35.     });
  37.     $('#closeSearchMenu').on('click', function () {
  38.       $('#searchMenu').fadeOut();
  39.     });
  40.   });
  41. </script>
  42. {% endblock %}
  43. {#
  44. <div class="ec-footerRole">
  45.     <div class="ec-footerRole__top"></div>
  46.     <div class="ec-footerRole__inner">
  47.         <div class="ec-footerTitle__logo">
  48.             <a href="{{ url('homepage') }}">
  49.                 <img src="{{ asset('assets/img/new/img_logo.png') }}" alt="logo" />
  50.             </a>
  51.         </div>
  52.     </div>
  53. </div>
  54. #}
  55. <div class="ec-footerRole">
  56.     <div class="ec-footerRole__top"></div>
  58.     <div class="ec-footerRole__inner footer-flex">
  59.         <!-- 左：ロゴ -->
  60.         <div class="footer-logo">
  61.             <a href="{{ url('homepage') }}">
  62.                 <img src="{{ asset('assets/img/new/img_logo.png') }}" alt="logo" />
  63.             </a>
  64.         </div>
  66.         <!-- 右：3カラムメニュー -->
  67.         <div class="footer-menu-wrapper">
  68.             <ul class="footer-menu-col">
  69.                 <li><a href="{{ url('homepage') }}">HOME</a></li>
  70.                 <li><a href="{{ url('product_list') }}">商品一覧</a></li>
  71.                 <li><a href="{{ url('price') }}">価格表</a></li>
  72.                 <li><a href="{{ url('maker') }}">取扱メーカー</a></li>
  73.             </ul>
  74.             <ul class="footer-menu-col">
  75.                 <li><a href="{{ url('help_guide') }}">初めての方へ</a></li>
  76.                 <li><a href="{{ url('set') }}">セット商品</a></li>
  77.                 {#
  78.                 <li><a href="{{ url('new_product') }}">入荷一覧</a></li>
  79.                 #}
  80.                 <li><a href="{{ url('links') }}">相互リンク集</a></li>
  81.                 
  82.             </ul>
  83.             <ul class="footer-menu-col">
  84.                 <li><a href="{{ url('mypage') }}">マイページ</a></li>
  85.                 <li><a href="{{ url('cart') }}">カートを見る</a></li>
  86.                 <li><a href="{{ url('contact') }}">お問い合わせ</a></li>
  87.             </ul>
  88.         </div>
  89.     </div>
  90. </div>
  91. <div class="ec-footerRoleSP">
  92.     <ul>
  93.         <li>
  94.             <a href="{{ url('homepage') }}" class="ec-footerRoleSP_navi before-home">HOME</a>
  95.         </li>
  96.         <li>
  97.             <div id="openSearchMenu" class="ec-footerRoleSP_navi before-search">検索</div>
  98.         </li>
  99.         <li>
  100.             <a href="{{ url('cart') }}" class="ec-footerRoleSP_navi before-cart">
  101.                 カート
  102.                 {% set totalQuantity = get_carts_total_quantity() %}
  103.                 {% if totalQuantity > 0 %}
  104.                     <span class="cart-badge">{{ totalQuantity|number_format }}</span>
  105.                 {% endif %}
  106.             </a>
  107.         </li>
  108.         <li>
  109.             <a href="{{ url('product_list') }}" class="ec-footerRoleSP_navi before-product">商品一覧</a>
  110.         </li>
  111.         <li>
  112.             <a href="{{ url('mypage') }}" class="ec-footerRoleSP_navi before-user">マイページ</a>
  113.         </li>
  114.     </ul>
  115. </div>
  116. <div id="searchMenu" class="search-menu" style="display: none;">
  117.   <div class="search-menu__header">
  118.     <button id="closeSearchMenu" class="close-btn">✕<br><span>CLOSE</span></button>
  119.   </div>
  121.   <div class="search-menu__body">
  122.     <p class="search-menu__title">検索メニュー</p>
  124.     <form method="get" class="searchform" action="{{ path('product_list') }}">
  125.       <input type="text" name="keyword" class="input-text" placeholder="フリーワード" />
  127.       <div class="form-group">
  128.         <label class="label-box">入荷日</label>
  129.         <input type="date" name="date" value="" class="select-box">
  130.       </div>
  132.       <div class="form-group">
  133.         <label class="label-box">メーカー</label>
  134.         <select name="maker_id" class="select-box" id="makerSelect">
  135.           <option value="">すべてのメーカー</option>
  136.           {# オプションはサーバ側でGET受信して処理 #}
  137.         </select>
  138.       </div>
  140.       <div class="search-menu__buttons">
  141.         <button type="reset" class="btn-reset">リセット</button>
  142.         <button type="submit" class="btn-search">検索</button>
  143.       </div>
  144.     </form>
  145.   </div>
  146. </div>