app/template/default/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. <script >
  12.     const mobi_platform = localStorage.getItem('mobi_platform');
  13.     if (mobi_platform) {
  14.         setTimeout(() => {
  15.             document.querySelector('#app-footer').classList.remove('hide-app-footer');
  16.         }, 100);
  17.     }
  18. </script>
  19. <link rel="stylesheet" href="{{ asset('assets/css/app_footer.css', 'user_data') }}">
  20. <div  class="ec-footerRole">
  21.     <div class="ec-footerRole__inner">
  22.         <ul class="ec-footerNavi">
  23.             <li class="ec-footerNavi__link">
  24.                 <a href="{{ url('help_guide') }}">{{ 'ご利用ガイド'|trans }}</a>
  25.             </li>
  26.             <li class="ec-footerNavi__link">
  27.                 <a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a>
  28.             </li>
  29.             <li class="ec-footerNavi__link">
  30.                 <a href="{{ url('help_privacy') }}">{{ 'プライバシーポリシー'|trans }}</a>
  31.             </li>
  32.             <li class="ec-footerNavi__link">
  33.                 <a href="{{ url('help_tradelaw') }}">{{ '特定商取引法に基づく表記'|trans }}</a>
  34.             </li>
  35.         </ul>
  36.         {% if is_granted('ROLE_USER') %}
  37.             {% if 'generatebelmony.com' in app.user.email %}
  38.                 <div class="bg_popup_update_email" style="position: fixed;
  39.                                                               top: 0;
  40.                                                               left: 0;
  41.                                                               width: 100%;
  42.                                                               height: 100%;
  43.                                                               z-index: 9999;
  44.                                                               background: rgba(0, 0, 0, 0.4); display: none;"></div>
  45.                 <div class="popup_update_email" style=" position: fixed;
  46.                                                            top: 20%;
  47.                                                            left: 50%;
  48.                                                            transform: translate(-50%, 0);
  49.                                                            z-index: 99999;
  50.                                                            max-width: 500px;
  51.                                                            width: 95%;
  52.                                                            /*height: auto;*/
  53.                                                            background: #fff;
  54.                                                            display: none;">
  55.                     <div style="height: 100%;
  56.                         display: flex;
  57.                         flex-direction: column;
  58.                         justify-content: center;
  59.                         min-height: 330px;
  60.                         padding: 30px;">
  61.                         <p style="margin-bottom: 20px;">購入手続きを進めるにはアカウントにメールアドレスを登録してください。</p>
  62.                         <button type="button" class="ec-blockBtn gotomypage" style="background: #ff9900; color: #fff;border-radius: 30px;margin-top: 35px;">マイページへ</button>
  63.                         <button type="button" class="ec-blockBtn closePopupEmail" style="margin-top: 10px;background: #e06666; color: #fff;border-radius: 30px;">閉じる</button>
  64.                     </div>
  65.                 </div>
  66.             {% endif %}
  67.         {% endif %}
  68.         <div class="ec-footerTitle">
  69.             <div class="ec-footerTitle__logo">
  70.                 <a href="{{ url('homepage') }}">
  71.                 べるのわマーケット
  72.                 </a>
  73.             </div>
  74.             <div class="ec-footerTitle__copyright">copyright (c) {{ BaseInfo.shop_name }} all rights reserved.</div>
  75.         </div>
  76.     </div>
  77. </div>
  79. <div id="app-footer" class=" hide-app-footer ec_custom_app_footer footer fixed bottom-custom-point z-50 px-8 flex justify-between items-center h-10vh w-screen bg-white text-2xl font-bold shadow-footer">
  80.     <!--OFF home-->
  81.     <a class="w-1/6 flex justify-center" href="{{ SYNC_URL  }}">
  82.         <button class="home_button_box flex flex-col justify-center items-center text-[#969696]">
  83.             <img alt="ホーム" src="{{ SYNC_URL }}/static/images/home-off-icon.png" class="w-16 h-14">
  84.             <p class="text-center">ホーム</p>
  85.         </button>
  86.     </a>
  88.     <!--OFF coupon-->
  89.     <a class="w-1/6 flex check-login justify-center custom_ecc_coupon" href="{{ SYNC_URL  }}/coupons">
  90.         <button class="home_button_box flex flex-col justify-center items-center text-[#969696]">
  91.             <img alt="クーポン" src="{{ SYNC_URL  }}/static/images/coupon-icon.png" class="w-16 h-10" style="">
  92.             <p class="text-center">クーポン</p>
  93.         </button>
  94.     </a>
  96.     <!--OFF event-->
  97.     <a class="w-1/6 flex  check-login justify-center " href="{{ SYNC_URL  }}/events">
  98.         <button class="home_button_box flex flex-col justify-center items-center text-[#969696]">
  99.             <img src="{{ SYNC_URL  }}/static/images/event-icon.png" class="w-[60px] h-14" alt="イベント">
  100.             <p class="text-center">イベント</p>
  101.         </button>
  102.     </a>
  104.     <!--ON shopping-->
  105.     <a class="w-1/6 flex justify-center">
  106.         <button class="home_button_box flex flex-col justify-center items-center text-[#969696]">
  107.             <img alt="お買い物" src="{{ SYNC_URL }}/static/images/footer_menu2.png" class="w-16 h-14">
  108.             <p class="text-center" style="color: #ef7800;">お買い物</p>
  109.         </button>
  110.     </a>
  112.     <!--OFF mypage-->
  113.     <a class="w-1/6 flex justify-center check-login " href="{{ SYNC_URL  }}/mypage">
  114.         <button class="home_button_box flex flex-col justify-center items-center text-[#969696]">
  115.             <img alt="マイページ" src="{{ SYNC_URL  }}/static/images/my-page-icon.png" class="w-12 h-14">
  116.             <p class="text-center">マイページ</p>
  117.         </button>
  118.     </a>
  119. </div>