app/template/user_data/layout/footer_contents.twig line 1

Open in your IDE?
  1. <!-- // == FOOTER TOP ==================================================================================== // -->
  3. {% block css %}
  4.     <style>
  5.         .mail_hover:hover {
  6.             color: #ff7900 !important
  7.         }
  8.     </style>
  9. {% endblock %}
  10. <div
  11.     id="footerTop" class="fades">
  14.     <!-- // ++ 会社名・インフォメーションリンク ++ /////////////////////////////////////////////////////////////// -->
  15.     <aside id="companyInfo" class="fooer_onebloc fades">
  16.         <div id="campany_nameBox">
  17.             <h5 id="bottomLogo" class="up"><img src="{{ asset('assets/img/bottom_logo.png') }}" alt="ZEAMI Goods"></h5>
  18.             <h4 id="companyNanme" class="up"><img src="{{ asset('assets/img/company_name.png') }}" alt="株式会社世阿弥Entertainment"></h4>
  19.             <p id="companyAdd" class="up">大阪府吹田市豊津町21-10-2F
  20.                 <a href="https://maps.app.goo.gl/oNMbT4iWFTKjLzRHA" target="_blank">GoogleMap</a>
  21.             </p>
  22.         </div>
  23.         <!-- ///// #campany_nameBox +++++ ///// -->
  25.         <ul id="bottom_infoLink">
  26.             <li id="bt_mn-Sche" class="up">
  27.                 <a href="/delivery_confirmation/"><img src="{{ asset('assets/img/sp_icon_schedule.png') }}">納期・発送日確認</a>
  28.             </li>
  29.             <li id="bt_mn-Mypage" class="up">
  30.                 <a href="/mypage_index/"><img src="{{ asset('assets/img/sp_icon_mypage.png') }}">マイページ</a>
  31.             </li>
  32.             <li id="bt_mn-Cart" class="up">
  33.                 <a href="/cart_index"><img src="{{ asset('assets/img/sp_icon_cart.png') }}">カートを見る</a>
  34.             </li>
  35.         </ul>
  36.         <!-- ///// #bottom_infoLink +++++ ///// -->
  37.         <!-- ///// +++++ #companyInfo +++++ ///// -->
  38.     </aside>
  41.     <!-- // ++ インフォメーションリンク②・問い合わせリンク ++ /////////////////////////////////////////////////////////////// -->
  42.     <aside
  43.         id="bottomContact" class="fooer_onebloc fades">
  45.         <!-- ■■ ++ インフォメーションリンク② ++ ■■ -->
  46.         <div
  47.             class="footer_linkbox">
  49.             <!-- ☆☆ お知らせ ☆☆ -->
  50.             <ul id="list-Notes" class="footer_categorylist fades">
  51.                 <h6 class="foot_listTitle up">お知らせ</h6>
  52.                 <li class="up">
  53.                     <a href="/news">お知らせ</a>
  54.                 </li>
  55.                 <li class="up">
  56.                     <a href="/campaign">キャンペーン</a>
  57.                 </li>
  58.                 <!-- //// **** .footer_categorylist **** //// -->
  59.             </ul>
  61.             <!-- ☆☆　ご利用ガイド ☆☆-->
  62.             <ul id="list-Guide" class="footer_categorylist fades">
  63.                 <h6 class="foot_listTitle up">ご利用ガイド</h6>
  64.                 <li class="up">
  65.                     <a href="/payment">お支払いについて</a>
  66.                 </li>
  67.                 <li class="up">
  68.                     <a href="/faq">よくある質問</a>
  69.                 </li>
  70.                 <li class="up">
  71.                     <a href="/delivery">配送・送料について</a>
  72.                 </li>
  73.                 <li class="up">
  74.                     <a href="/terms">ご利用規約</a>
  75.                 </li>
  76.                 <!-- //// **** .footer_categorylist **** //// -->
  77.             </ul>
  79.         </div>
  80.         <!-- ///// .footer_linkbox ***** ///// -->
  82.         <!-- ■■ ++ 問い合わせリンク ++ ■■ -->
  83.         <div id="foot_contactBox" class="fades">
  84.             <div id="contactArea">
  85.                 <div class="tel_num up">06-6384-8422<span>（受付時間 10:00-17:00）</span>
  86.                 </div>
  87.                 <div class="mail_trigger up">
  88.                     <a class='mail_hover' href="/inquiry">お問い合わせ</a>
  89.                 </div>
  90.                 <!-- //// **** #contactArea ++++ //// -->
  91.             </div>
  92.         </div>
  93.         <!-- ///// #foot_contactBox +++++ ///// -->
  95.         <!-- ///// +++++ #bottomContact +++++ ///// -->
  96.     </aside>
  99.     <!-- // ++ カテゴリーリンク ++ /////////////////////////////////////////////////////////////// -->
  100.     <aside id="bottomCategory" class="fooer_onebloc fades">
  101.         {% set length = (productCates|length / 3)|round(0, 'ceil') %}
  103.         {% for i in 0..(length - 1) %}
  104.             <div class="footer_linkbox">
  105.                 {% set start = i * 3 %}
  106.                 {% set end = start + 2 %}
  108.                 {% for index in start..end %}
  109.                     {% if productCates[index] is defined %}
  110.                         <ul class="footer_categorylist fades">
  111.                             <h6 class="foot_listTitle up">{{ productCates[index].category.name }}</h6>
  112.                             {% for product in productCates[index]['product_cates'] %}
  113.                                 {% if product.Product.is_sample == 0 and product.Product.getStatus.id == 1 %}
  114.                                     <li class="up">
  115.                                         <a href="/product/{{ product.Product.id }}">{{ product.Product.name }}</a>
  116.                                     </li>
  117.                                 {% endif %}
  118.                             {% endfor %}
  119.                             {% if productCates[index]['category'].link_design and productCates[index]['category'].link_design != '#' %}
  120.                                 <li class="other up">
  121.                                     <a href="{{ productCates[index]['category'].link_design }}">デザイン方法</a>
  122.                                 </li>
  123.                             {% endif %}
  124.                         </ul>
  125.                     {% endif %}
  126.                 {% endfor %}
  127.             </div>
  128.         {% endfor %}
  129.     </aside>
  131. </div>
  132. <!-- ///// +++++ #footerTop +++++ ///// -->
  135. <!-- // == FOOTER BOTTOM ==================================================================================== // -->
  136. <div id="footerBottom" class="fades">
  137.     <div
  138.         id="bottomContainer">
  140.         <!-- // ++ インフォメーション ++ /////////////////////////////////////////////////////////////// -->
  141.         <ul id="store_cautionLink" class="fades">
  142.             <li class="up">
  143.                 <a href="/company">運営会社</a>
  144.             </li>
  145.             <li class="up">
  146.                 <a href="/privacy">プライバシーポリシー</a>
  147.             </li>
  148.             <li class="up">
  149.                 <a href="/specified">特定商取引法に基づく表示</a>
  150.             </li>
  151.             <!-- ///// #store_cautionLink +++++ ///// -->
  152.         </ul>
  155.         <!-- // ++ SNS ++ /////////////////////////////////////////////////////////////// -->
  156.         <ul id="bottom_snsLink" class="fades">
  157.             <li id="linkFB" class="up">
  158.                 <a href="https://www.facebook.com/pages/ZEAMI-Art/173307932728543" target="_blank"><img src="{{ asset('assets/img/icon_fb.png') }}" alt="facebook"></a>
  159.             </li>
  160.             <li id="linkX" class="up">
  161.                 <a href="https://twitter.com/ZEAMI_Art" target="_blank"><img src="{{ asset('assets/img/icon_x.png') }}" alt="X"></a>
  162.             </li>
  163.             <li id="linkLine" class="up">
  164.                 <div class="line-it-button" data-lang="ja" data-type="share-a" data-env="REAL" data-url="{{ app.request.uri }}" data-color="default" data-size="large" data-count="false" data-ver="3" style="display: none;"></div>
  165.             </li>
  166.             <!-- ///// #bottom_snsLink +++++ ///// -->
  167.         </ul>
  170.         <!-- // ++ コピーライト ++ /////////////////////////////////////////////////////////////// -->
  171.         <p id="Copy" class="fades">©ZEAMI Entertainment Corp. All Rights Reserved.</p>
  174.     </div>
  175. </div>
  176. <!-- ///// +++++ #footerBottom +++++ ///// -->
  177. <script src="https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js" async="async" defer="defer"></script>