WEB制作、マーケティングに関する情報をお届けします。ホームページ制作会社、テラのブログ

EC CUBE3.0 個別に新しくスタイルシートを追加する方法。

タグ:

EC CUBE3.0でスタイルシートを新しく追加する方法を紹介します。
テンプレートファイル内にあるstyle.cssに直接、追記していっても問題は無いのですがメンテナンス性の問題等で個別にCSSを作りたい場合もあるとおもいますので便利です。

1.CSSファイルの配置場所

新しく作成したcssファイルにnewstyle.css等の任意の名前を付けて下記の場所に入れてください。
html→template→テンプレート名→css

新しく作成したcssの保管場所

2.twigの編集

twigを編集して先ほど追加したcssファイルを読み込ませます。
下記のファイルを開いてください。
app→template→テンプレート名→default_frame.twig

cssのインクルード

42行目辺りにCSSファイルがまとめてある部分があるのでその最後の行に下記をコピペしてください。


以上で、スタイルが適用されるはずです。
読み込まれない場合は【front_urlpath】の階層設定が違う場合があります。
app→config→eccube→path.xmlを開いて確認しましょう。

テラ合同会社(東京都)

テラは2014年に東京都でスタートアップしたホームページ制作会社です。ホームページ制作以外にも広告運用、マーケティング、ブランディング、印刷物など幅広い領域をサポートしています。
コーポレートサイトはこちらをご覧ください。