2020年9月17日カテゴリー:

スタイルシートCSSの変更が反映されない時

EC-CUBEのstyle.cssを編集後、キャッシュ削除を行ってもフロントページに反映されないときがあります。これは、ブラウザのキャッシュが読み込まれていることが原因なので、ブラウザのキャッシュを削除すれば反映されます。
しかし、たびたびこの作業を行うのは面倒です。そんな時は、<link>タグにパラメータを付与して、常にstyle.cssを読み込ませるようにすると、煩わしさを解消できます。

■src/Eccube/Resource/template/default/default_frame.twig
(appフォルダに生成されている場合は、そちらを修正してください)
——————————-
<link rel=”stylesheet” href=”{{ asset(‘assets/css/style.css’) }}”>
——————————-
↓【修正】
——————————-
<link rel=”stylesheet” href=”{{ asset(‘assets/css/style.css’) }}?{{ ‘now’|date(‘His’) }}“>
——————————-

赤字を追加すると、下記のように、パラメータに時刻(14時32分27秒)が付与され、常に更新されたCSSとして読み込まれます。
<link rel=”stylesheet” href=”/・・・・・・・・・・/html/template/default/assets/css/style.css?143227“>