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

Open in your IDE?
  1. {#
  2. temptu-style footer: 3列（左: ロゴ+SNS / 中央: ABOUT TEMPTU JAPAN / 右: CUSTOMER CARE）
  3. #}
  4. <div class="ec-footerRole">
  5.     <div class="ec-footerRole__inner">
  6.         <div class="ec-footerRole__grid">
  7.             {# 第1列: ロゴ + SNSアイコン #}
  8.             <div class="ec-footerRole__col ec-footerRole__logo">
  9.                 <div class="ec-footerTitle__logo">
  10.                     <a href="{{ url('homepage') }}">
  11.                         <img src="{{ asset('assets/img/logo/2023-TEMPTU_GOLD_LOGO.png', 'user_data') }}" alt="{{ BaseInfo.shop_name }}">
  12.                     </a>
  13.                 </div>
  14.                 <div class="ec-footerRole__sns">
  15.                     <a href="#" class="ec-footerRole__snsLink" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
  16.                     <a href="#" class="ec-footerRole__snsLink" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
  17.                     <a href="#" class="ec-footerRole__snsLink" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
  18.                 </div>
  19.             </div>
  20.             {# 第2列: ABOUT TEMPTU JAPAN #}
  21.             <div class="ec-footerRole__col ec-footerRole__about">
  22.                 <h3 class="ec-footerRole__heading">ABOUT TEMPTU JAPAN</h3>
  23.                 <ul class="ec-footerRole__list">
  24.                     <li><a href="{{ url('help_about') }}">{{ '当社について'|trans }}</a></li>
  25.                     <li><a href="{{ url('contact') }}">Store Location</a></li>
  26.                     <li><a href="{{ url('contact') }}">Workshops &amp; Events</a></li>
  27.                 </ul>
  28.             </div>
  29.             {# 第3列: CUSTOMER CARE #}
  30.             <div class="ec-footerRole__col ec-footerRole__care">
  31.                 <h3 class="ec-footerRole__heading">CUSTOMER CARE</h3>
  32.                 <ul class="ec-footerRole__list">
  33.                     <li><a href="{{ url('mypage') }}">マイ アカウント</a></li>
  34.                     <li><a href="{{ url('help_guide') }}">{{ '配送・返品・交換'|trans }}</a></li>
  35.                     <li><a href="{{ url('help_guide') }}">{{ 'よくある質問'|trans }}</a></li>
  36.                 </ul>
  37.             </div>
  38.         </div>
  39.         <div class="ec-footerTitle">
  40.             <nav class="ec-footerTitle__links">
  41.                 <a href="{{ url('help_tradelaw') }}">{{ '特定商取引法に基づく表記'|trans }}</a>
  42.                 <span class="ec-footerTitle__linksSep">　</span>
  43.                 <a href="{{ url('help_privacy') }}">{{ 'プライバシーポリシー'|trans }}</a>
  44.                 <span class="ec-footerTitle__linksSep">　</span>
  45.                 <a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a>
  46.             </nav>
  47.             <div class="ec-footerTitle__copyright">© {{ BaseInfo.shop_name }}</div>
  48.         </div>
  49.     </div>
  50. </div>