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

Open in your IDE?
  1. {#
  2. * Plugin Name : DeliveryDate4
  3. *
  4. * Copyright (C) BraTech Co., Ltd. All Rights Reserved.
  5. * http://www.bratech.co.jp/
  6. *
  7. * For the full copyright and license information, please view the LICENSE
  8. * file that was distributed with this source code.
  9. #}
  11. <!--営業日カレンダー-->
  12. <style>
  13. /*
  14. #businessday_calendar {
  15.     width: 100%;
  16.     max-width: 1150px;
  17.     margin: 0 auto;
  18.     padding: 60px 0;
  19. }
  20. */
  21. #businessday_calendar {
  22.     width: 100%;
  23.     max-width: 1150px;
  24.     margin: 0 auto;
  25.     padding: 60px 0 10px 0;
  26. }
  27. #businessday_calendar .calendar_title {
  28.     text-align: center;
  29.     font-size: 24px;
  30.     background: #f8f8f8;
  31.     color: #525263;
  32.     line-height: 3.3;
  33.     margin-bottom: 20px;
  34.     border-bottom: 1px dotted #ccc;
  35. }
  36. #businessday_calendar .note {
  37.     margin-bottom: 30px;
  38. }
  39. #businessday_calendar .note span {
  40.   display: inline-block;
  41.   width: 2.5em;
  42.   background: #ee6666;
  43.   height: 1em;
  44.   margin-right: 5px;
  45. }
  46. #businessday_calendar .note span + span {
  47.   background: #fff;
  48.   border: 2px solid #000;
  49. }
  50. /*
  51. #businessday_calendar table {
  52.     width: 100%;
  53.     margin-bottom: 20px;
  54.     padding: 0;
  55.     empty-cells: show;
  56. }
  57. */
  58. #businessday_calendar table {
  59.     width: 45%;
  60.     margin-bottom: 20px;
  61.     padding: 0;
  62.     empty-cells: show;
  63. }
  64. #businessday_calendar table caption {
  65.   margin-bottom: 10px;
  66.   caption-side: top;
  67.   font-weight: 700;
  68.   font-size: 20px;
  69. }
  70. /*
  71. #businessday_calendar th {
  72.     text-align: center;
  73.     background: #f8f8f8;
  74.     border-top: 1px solid #ccc;
  75.     border-bottom: 1px solid #ccc;
  76. }
  77. */
  78. #businessday_calendar th {
  79.     padding: 10px 0;
  80.     text-align: center;
  81.     background: #f8f8f8;
  82.     border-top: 1px solid #ccc;
  83.     border-bottom: 1px solid #ccc;
  84. }
  85. #businessday_calendar th#saturday {
  86.     color: #3366cc;
  87. }
  88. #businessday_calendar th#sunday {
  89.     color: #ff3300;
  90. }
  91. /*
  92. #businessday_calendar td {
  93.     text-align: center;
  94.     border-bottom: 1px dotted #ccc;
  95.     background: #fff;
  96.     color: #333;
  97. }
  98. */
  99. #businessday_calendar td {
  100.     padding: 10px 0;
  101.     text-align: center;
  102.     border-bottom: 1px dotted #ccc;
  103.     background: #fff;
  104.     color: #333;
  105. }
  106. #businessday_calendar .today {
  107.     background: #fff;
  108.     color: #000;
  109.     font-weight: bold;
  110.     border: 2px solid #000;
  111. }
  112. #businessday_calendar .holiday {
  113.     background: #ee6666;
  114.     color: #ffffff;
  115. }
  116. </style>
  118. {#▼RZ 2023.07.11 ADD ブロック幅変更▼#}
  119. <div class="container fadeinu">
  120. {#▲RZ 2023.07.11 ADD ブロック幅変更▲#}
  121. <div id="businessday_calendar">
  122. {#▼RZ 2023.07.11 EDIT タイトル記載変更▼#}
  123. {#
  124.     <div class="calendar_title">営業日カレンダー</div>
  125. #}
  126.     <div class="ec-secHeading">
  127.         <span class="ec-secHeading__en">{{ 'CALENDAR'|trans }}</span><br>
  128.         <span class="ec-secHeading__ja"><h2>{{ '営業日カレンダー'|trans }}</h2></span>
  129.     </div>
  130. {#▲RZ 2023.07.11 EDIT タイトル記載変更▲#}
  131.     <div class="note"><span></span>：店休日　<span></span>：本日</div>
  132.     {% set year = 'now'|date('Y') %}
  133. {#▼RZ 2023.07.11 ADD カレンダー横並び▼#}
  134. <div class="list_around">
  135. {#▲RZ 2023.07.11 ADD カレンダー横並び▲#}
  136.     {% for month, monthitem in Date %}
  137.         {% if loop.index0 > 0 and month == '1' %}
  138.             {% set year = year+1 %}
  139.         {% endif %}
  140.         <table>
  141.             <caption>{{ year }}年{{ month }}月</caption>
  142.             <thead><tr><th id="sunday">日</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th id="saturday">土</th></tr></thead>
  143.             <tbody>
  144.                 {% for dayitem in monthitem %}
  145.                     {% set day = dayitem.day %}
  146.                     {% if day|date('j') == '1' %}
  147.                         <tr>
  148.                         {% if day|date('w') != '0' %}
  149.                             {% for i in 1..day|date('w') %}
  150.                                 <td></td>
  151.                             {% endfor %}
  152.                         {% endif %}
  153.                     {% elseif day|date('w') == 0 %}
  154.                         <tr>
  155.                     {% endif %}
  156.                     {% set class = '' %}
  157.                     {% if day|date('y/m/d') == 'now'|date('y/m/d') %}
  158.                         {% set class = class ~ 'today' %}
  159.                     {% endif %}
  160.                     {% if dayitem.is_holiday %}
  161.                         {% set class = class ~ ' holiday' %}
  162.                     {% endif %}
  163.                         <td {% if class != '' %} class="{{ class }}" {% endif %}>{{ day|date('j') }}</td>
  164.                     {% if day|date('w') == 6 or loop.last %}
  165.                         </tr>
  166.                     {% endif %}
  167.                 {% endfor %}
  168.             </tbody>
  169.         </table>
  170.     {% endfor %}
  171. {#▼RZ 2023.07.11 ADD カレンダー横並び▼#}
  172. </div>
  173. {#▲RZ 2023.07.11 ADD カレンダー横並び▲#}
  174. </div>
  175. {#▼RZ 2023.07.11 ADD ブロック幅変更▼#}
  176. <p>
  177. 営業時間　平日10:00～17:00<br>
  178. 定休日　土・日・祝<br>
  179. その他休業日　ゴールデンウイーク・盆・年末年始・臨時休業日あり
  180. </p>
  181. 営業時間外・休業日は、お問い合わせの対応および発送業務を行っておりません。ご了承くださいませ。<br>
  182. ネットからのご注文はいつでも可能です。
  183. </div>
  184. {#▲RZ 2023.07.11 ADD ブロック幅変更▲#}