EC-CUBE3:デザインテンプレート適用の注意点

プラグイン等を導入した運用中のサイトに対して、デザインテンプレートを適用する際の注意点です。

この記事のインデックス

デザインテンプレートの適用

(1)オーナーズストア>テンプレート>アップロード
テンプレートコード:任意(半角英数字)フォルダ名になります。
テンプレート名:任意
テンプレートファイル:拡張子.tar.gzのファイルを選択

002

 

(2)アップロードしたテンプレートを選択して、「登録」をク リックしてください。

003

app/config/eccube/path.yml の修正

URLから「html」を除いて運用している場合は、サイトが下図 のように表示されます。

005

デザインテンプレートを適用したことで、下記ファイルが更新されたためです。
■app/config/eccube/path.yml
サーバからファイルをダウンロードし、修正が必要です。
下から5行目付近、「front_urlpath:」を修正します。
templateの前にhtml/を追加してください。
——————————————–
front_urlpath: …/html/template/…
——————————————–

修正後は下図のように正常に表示されますが、デバッグモード で確認すると、下図のようにエラーが表示されます。 これは、プラグイン導入時に追加されたTwigファイルが見当 たらないというエラーです。

006

007

プラグインのtwigファイルをコピーする

プラグインを導入した時に生成されたファイルをデザインテンプレートのフォルダにコピーします。

プラグイン導入時に生成されたファイル
■app/template/default/Block

008

デザインテンプレートのファイル
■app/template/テンプレートコード/Block

009

コピー後

010

プラグインのcssファイルをコピーする

twigファイルと同じように、cssファイルをコピーします。

プラグイン導入時に生成されたファイル
■html/template/default/css
※ 生成されたファイルだけをコピーします。

011

デザインテンプレートのファイル
■html/template/テンプレートコード/css

012

 

デザインテンプレート適用後のサンプルサイト

↓こちらのサイトに対して、
EC-CUBE3機能カスタマイズ版C3015D1801A

↓こちらの専用デザインテンプレートを適用した時の、
デザインテンプレート:EC-CUBE3機能カスタマイズ版C3015D1801A専用

↓サンプルサイトがこちら
サンプルサイト

詳細はこちらをご覧ください。
http://www.kaiplus.com/products/list.php?category_id=50