ITOBEN STYLE > EC-CUBE4 > EC-CUBE4:サイト全体(ヘッダー・Body)の背景設定 2019年3月19日カテゴリー: EC-CUBE4 EC-CUBE4:サイト全体(ヘッダー・Body)の背景設定 カスタマイズご希望の方はこちら カスタマイズ内容 ヘッダーとBodyの背景デザインを50点の中から選択、変更できます。 ▼デザインパターンのサンプル https://www.kaiplus.com/user_data/design_ec4.php 変更は、default_frame.twigを直接書き換えます。 ■src/Eccube/Resource/template/default/default_frame.twig 127行目付近、コメントアウト {# #} を削除し数値を変更→001~050 ——————————————- {# ▼ヘッダー・Bodyの背景 コメントアウトを解除し数値を変更→001~050 #} {# <link rel=”stylesheet” href=”{{ asset(‘assets/css/design/001/style.css’) }}”> #} ——————————————- デザインの確定後は上記変更のままでもよいのですが、次の方法によりcssへのリンクを1つ減らすことができます。 ① /css/design/確定した番号/style.css の内容をすべてコピーします。 ② /css/style.css の最後に貼り付けます。 ③ default_frame.twigからコードを削除します。 カスタマイズご希望の方はこちら
カスタマイズご希望の方はこちら
カスタマイズ内容
ヘッダーとBodyの背景デザインを50点の中から選択、変更できます。
▼デザインパターンのサンプル
https://www.kaiplus.com/user_data/design_ec4.php
変更は、default_frame.twigを直接書き換えます。
■src/Eccube/Resource/template/default/default_frame.twig
127行目付近、コメントアウト {# #} を削除し数値を変更→001~050
——————————————-
{# ▼ヘッダー・Bodyの背景 コメントアウトを解除し数値を変更→001~050 #}
{# <link rel=”stylesheet” href=”{{ asset(‘assets/css/design/001/style.css’) }}”> #}
——————————————-
デザインの確定後は上記変更のままでもよいのですが、次の方法によりcssへのリンクを1つ減らすことができます。
① /css/design/確定した番号/style.css の内容をすべてコピーします。
② /css/style.css の最後に貼り付けます。
③ default_frame.twigからコードを削除します。
カスタマイズご希望の方はこちら