標準では、土日が定休日表示(赤字)となっている。
コンテンツ管理 → ブロック管理 → カレンダー
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>
コメント
こんにちは。
この設定だと、定休日当日は赤字にならないのではないでしょうか?
休日の色は、class “ec-calendar__holiday” に設定されていると思いますので、変わると思います。
‘Xxx’ , ‘Yyy’ の部分は、休みの曜日の記載にしないといけないですが。