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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE, Overwrite by INSPIRATION
  4. #}
  5. <footer class="common-footer mt-5">
  6.         <div class="container">
  7.             <div class="row">
  8.                 <div class="col-md-6 order-2 order-md-1">
  9.                     <ul class="list-unstyled mb-4">
  10.                         <li class="d-inline"><a href="{{ url('help_about') }}" class="text-dark text-decoration-none">会社概要</a></li>
  11.                         <li class="d-inline">｜</li>
  12.                         <li class="d-inline"><a href="{{ url('help_tradelaw') }}" class="text-dark text-decoration-none">特定商取引法に関する表記</a></li>
  13.                         <li class="d-inline">｜</li>
  14.                         <li class="d-inline"><a href="{{ url('help_privacy') }}" class="text-dark text-decoration-none">プライバシーポリシー</a></li>
  15.                     </ul>
  16.                     <a href="{{ url('homepage') }}"><img src="{{ asset('assets/img/common/logo.png') }}" width="184" height="45" alt="ゴルフプリント"></a>
  17.                     <p class="mt-3">
  18.                         {{ BaseInfo.company_name }}<br>
  19.                         {{ '〒'|trans }}<span id="postal-code">{{ BaseInfo.postal_code }}</span><br>
  20.                         {{ BaseInfo.pref }}{{ BaseInfo.addr01 }}{{ BaseInfo.addr02 }}<br>
  21.                         TEL:<span id="phone-number">{{ BaseInfo.phone_number }}</span><br>
  22.                         FAX:<span id="fax-number">054-297-3125</span>
  23.                     </p>
  24.                     <p>&copy; 2025 <a href="{{ url('homepage') }}" class="text-dark">ゴルフプリント</a> AOI FACTORY</p>
  25.                 </div>
  26.                 <div class="col-md-6 order-1 order-md-2">
  28.                     <div class="ec-calendar mb-5 mb-md-0">
  29.             <table id="this-month-table" class="ec-calendar__month">
  30.                 <tr>
  31.                     <th id="this-month-title" colspan="7" class="ec-calendar__title">{{ ThisMonthTitle }}</th>
  32.                 </tr>
  33.                 <tr>
  34.                     <th class="ec-calendar__sun">{{ '日'|trans }}</th>
  35.                     <th class="ec-calendar__mon">{{ '月'|trans }}</th>
  36.                     <th class="ec-calendar__tue">{{ '火'|trans }}</th>
  37.                     <th class="ec-calendar__wed">{{ '水'|trans }}</th>
  38.                     <th class="ec-calendar__thu">{{ '木'|trans }}</th>
  39.                     <th class="ec-calendar__fri">{{ '金'|trans }}</th>
  40.                     <th class="ec-calendar__sat">{{ '土'|trans }}</th>
  41.                 </tr>
  42.                 <tr>
  43.                     {% for day in ThisMonthCalendar %}
  44.                         {% if day.today == 1 and day.holiday == 1 %}
  45.                             <td id="today-and-holiday" class="ec-calendar__today ec-calendar__holiday">{{ day.day }}</td>
  46.                         {% elseif day.today == 1 and day.holiday == 0 %}
  47.                             <td id="today" class="ec-calendar__today">{{ day.day }}</td>
  48.                         {% elseif day.today == 0 and day.holiday == 1 %}
  49.                             <td id="this-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
  50.                         {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここから #}
  51.                         {% elseif day.dayOfWeek == 'Sun' or day.dayOfWeek == 'Sat' %}
  52.                             <td id="this-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
  53.                         {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここまで #}
  54.                         {% else %}
  55.                             <td class="ec-calendar__day">{{ day.day }}</td>
  56.                         {% endif %}
  57.                         {% if loop.index % 7 == 0 and loop.index != ThisMonthCalendar|length %}
  58.                             </tr><tr>
  59.                         {% endif %}
  60.                     {% endfor %}
  61.                 </tr>
  62.             </table>
  64.             <table id="next-month-table" class="ec-calendar__month">
  65.                 <tr>
  66.                     <th id="next-month-title" colspan="7" class="ec-calendar__title">{{ NextMonthTitle }}</th>
  67.                 </tr>
  68.                 <tr>
  69.                     <th class="ec-calendar__sun">{{ '日'|trans }}</th>
  70.                     <th class="ec-calendar__mon">{{ '月'|trans }}</th>
  71.                     <th class="ec-calendar__tue">{{ '火'|trans }}</th>
  72.                     <th class="ec-calendar__wed">{{ '水'|trans }}</th>
  73.                     <th class="ec-calendar__thu">{{ '木'|trans }}</th>
  74.                     <th class="ec-calendar__fri">{{ '金'|trans }}</th>
  75.                     <th class="ec-calendar__sat">{{ '土'|trans }}</th>
  76.                 </tr>
  77.                 <tr>
  78.                     {% for day in NextMonthCalendar %}
  79.                         {% if day.holiday == 1 %}
  80.                             <td id="next-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
  81.                         {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここから #}
  82.                         {% elseif day.dayOfWeek == 'Sun' or day.dayOfWeek == 'Sat' %}
  83.                             <td id="next-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
  84.                         {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここまで #}
  85.                         {% else %}
  86.                             <td class="ec-calendar__day">{{ day.day }}</td>
  87.                         {% endif %}
  88.                         {% if loop.index % 7 == 0 and loop.index != NextMonthCalendar|length %}
  89.                             </tr><tr>
  90.                         {% endif %}
  91.                     {% endfor %}
  92.                 </tr>
  93.             </table>
  94.                     </div>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.     </footer>
  101.     <div class="position-fixed bg-dark p-2" style="bottom: 0; right: 0; left: 0; z-index: 1000;">
  102.         <!-- SP -->
  103.         <div class="d-block d-lg-none">
  104.             <div class="d-flex align-items-center justify-content-center">
  105.                 <div class="me-1 w-50"><a href="tel:0120669121" class="w-100 btn btn-lg btn-light"><i class="icon-phone-outline text-primary"></i>電話する</a></div>
  106. {#                <div class="ms-1 w-50"><a href="mailto:info@golfprint.jp" class="w-100 btn btn-lg btn-light"><i class="icon-mail text-primary"></i>メール</a></div> #}
  107.                 <div class="ms-1 w-50"><a href="{{ url('contact') }}" class="w-100 btn btn-lg btn-light"><i class="icon-mail text-primary"></i>メール</a></div>
  108.             </div>
  109.         </div>
  110.         <!-- PC -->
  111.         <div class="d-none d-lg-block">
  112.             <div class="d-flex align-items-center justify-content-center">
  113.                 <div class="me-3"><img src="{{ asset('assets/img/common/fig_operator.png') }}" width="72" height="72" alt="オペレーター"></div>
  114.                 <div class="me-5 text-white fw-bold">ご不明な点はお気軽に<br>お問い合わせください</div>
  115.                 <div class="me-5 text-end">
  116.                     <div style="height: 48px;"><i class="icon-phone-outline text-secondary fs-2"></i><span class="text-white fs-1">0120-669-121</span></div>
  117.                     <div><small class="text-white">受付　9：30～18：00（土日祝を除く）</small></div>
  118.                 </div>
  119. {#                <div><a href="mailto:info@golfprint.jp" class="btn btn-lg btn-light w-100"><i class="icon-mail text-primary"></i>メールでのお問い合わせ</a></div> #}
  120.                 <div><a href="{{ url('contact') }}" class="btn btn-lg btn-light w-100"><i class="icon-mail text-primary"></i>メールでのお問い合わせ</a></div>
  121.             </div>
  122.         </div>
  123.     </div>
  125. <script src="https://cdnjs.cloudflare.com/ajax/libs/libphonenumber-js/1.11.18/libphonenumber-js.min.js"></script>
  126. <script>
  127. document.addEventListener("DOMContentLoaded", function() {
  128.     // 電話番号の要素を取得
  129.     const phoneElement = document.getElementById("phone-number"); // 例: IDが設定されている場合
  131.     if (phoneElement) {
  132.         let phoneNumber = phoneElement.textContent.trim(); // 取得した電話番号
  134.         // `libphonenumber-js` を利用してフォーマット
  135.         const { parsePhoneNumberFromString } = libphonenumber;
  136.         let formattedNumber = phoneNumber;
  138.         const phoneObj = parsePhoneNumberFromString(phoneNumber, "JP"); // 日本の電話番号として解析
  139.         if (phoneObj) {
  140.             formattedNumber = phoneObj.formatNational(); // 国内フォーマット（ハイフン付き）
  141.         }
  143.         phoneElement.textContent = formattedNumber; // フォーマット済みの番号をセット
  144.     }
  145. });
  146. </script>
  147. <script>
  148. document.addEventListener("DOMContentLoaded", function() {
  149.     // 郵便番号の要素を取得
  150.     const postalElement = document.getElementById("postal-code"); // IDは実際のHTMLに合わせて変更
  152.     if (postalElement) {
  153.         let postalCode = postalElement.textContent.trim(); // 現在の郵便番号を取得
  155.         // 郵便番号が7桁（ハイフンなし）の場合、ハイフンを追加
  156.         if (/^\d{7}$/.test(postalCode)) {
  157.             let formattedPostalCode = postalCode.replace(/(\d{3})(\d{4})/, "$1-$2");
  158.             postalElement.textContent = formattedPostalCode; // フォーマット済みの郵便番号をセット
  159.         }
  160.     }
  161. });
  162. </script>
  165.     <!-- ページの先頭へ戻るボタン -->
  166.     <a id="backToTop" class="js-backToTop" href="#">▲</a>