PR

EC-CUBE4.2 カレンダーの定休日の曜日を変更する

標準では、土日が定休日表示(赤字)となっている。
コンテンツ管理 → ブロック管理 → カレンダー
calendar.twig を変更する。
当月分と翌月分のカレンダー2か所の変更が必要。

{#
This file is part of EC-CUBE

Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.

http://www.ec-cube.co.jp/

For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{# ##7002 定休日の曜日を土日から変更  #}
{#{% form_theme form 'Form/form_div_layout.twig' %}#}
<br><br>
<div class="ec-role">
    <div>
        <div class="ec-secHeading">
            <span class="ec-secHeading__en">{{ 'CALENDAR'|trans }}</span>
            <span class="ec-secHeading__line"></span>
            <span class="ec-secHeading__ja">{{ 'カレンダー'|trans }}</span>
        </div>
        {{ '* 赤字は休業日です。'|trans }}<br>
        <br>
        <div class="ec-calendar">
            <table id="this-month-table" class="ec-calendar__month">
                <tr>
                    <th id="this-month-title" colspan="7" class="ec-calendar__title">{{ ThisMonthTitle }}</th>
                </tr>
                <tr>
                    <th class="ec-calendar__sun">{{ '日'|trans }}</th>
                    <th class="ec-calendar__mon">{{ '月'|trans }}</th>
                    <th class="ec-calendar__tue">{{ '火'|trans }}</th>
                    <th class="ec-calendar__wed">{{ '水'|trans }}</th>
                    <th class="ec-calendar__thu">{{ '木'|trans }}</th>
                    <th class="ec-calendar__fri">{{ '金'|trans }}</th>
                    <th class="ec-calendar__sat">{{ '土'|trans }}</th>
                </tr>
                <tr>
                    {% for day in ThisMonthCalendar %}
                        {% if day.today == 1 and day.holiday == 1 %}
                            <td id="today-and-holiday" class="ec-calendar__today ec-calendar__holiday">{{ day.day }}</td>
                        {% elseif day.today == 1 and day.holiday == 0 %}
                            <td id="today" class="ec-calendar__today">{{ day.day }}</td>
                        {% elseif day.today == 0 and day.holiday == 1 %}
                            <td id="this-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
                        {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここから #}
{# ##7002-01 003 Update #}
{#                      {% elseif day.dayOfWeek == 'Sun' or day.dayOfWeek == 'Sat' %} #}
                        {% elseif day.dayOfWeek == 'Xxx' or day.dayOfWeek == 'Yyy' %}
                            <td id="this-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
                        {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここまで #}
                        {% else %}
                            <td class="ec-calendar__day">{{ day.day }}</td>
                        {% endif %}
                        {% if loop.index % 7 == 0 and loop.index != ThisMonthCalendar|length %}
                            </tr><tr>
                        {% endif %}
                    {% endfor %}
                </tr>
            </table>

            <table id="next-month-table" class="ec-calendar__month">
                <tr>
                    <th id="next-month-title" colspan="7" class="ec-calendar__title">{{ NextMonthTitle }}</th>
                </tr>
                <tr>
                    <th class="ec-calendar__sun">{{ '日'|trans }}</th>
                    <th class="ec-calendar__mon">{{ '月'|trans }}</th>
                    <th class="ec-calendar__tue">{{ '火'|trans }}</th>
                    <th class="ec-calendar__wed">{{ '水'|trans }}</th>
                    <th class="ec-calendar__thu">{{ '木'|trans }}</th>
                    <th class="ec-calendar__fri">{{ '金'|trans }}</th>
                    <th class="ec-calendar__sat">{{ '土'|trans }}</th>
                </tr>
                <tr>
                    {% for day in NextMonthCalendar %}
                        {% if day.holiday == 1 %}
                            <td id="next-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
                        {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここから #}
{# ##7002-01 003 Update #}
{#                      {% elseif day.dayOfWeek == 'Sun' or day.dayOfWeek == 'Sat' %} #}
                        {% elseif day.dayOfWeek == 'Xxx' or day.dayOfWeek == 'Yyy' %}
                            <td id="next-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
                        {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここまで #}
                        {% else %}
                            <td class="ec-calendar__day">{{ day.day }}</td>
                        {% endif %}
                        {% if loop.index % 7 == 0 and loop.index != NextMonthCalendar|length %}
                            </tr><tr>
                        {% endif %}
                    {% endfor %}
                </tr>
            </table>
        </div>
    </div>
</div>

コメント

  1. ソゼ より:

    こんにちは。
    この設定だと、定休日当日は赤字にならないのではないでしょうか?

    • woods より:

      休日の色は、class “ec-calendar__holiday” に設定されていると思いますので、変わると思います。
      ‘Xxx’ , ‘Yyy’ の部分は、休みの曜日の記載にしないといけないですが。