ITOBEN STYLE > EC-CUBE3 > EC-CUBE3:デザインテンプレート適用の注意点 2018年4月6日カテゴリー: EC-CUBE3 EC-CUBEプラグイン EC-CUBEデザインテンプレート EC-CUBE3:デザインテンプレート適用の注意点 プラグイン等を導入した運用中のサイトに対して、デザインテンプレートを適用する際の注意点です。 デザインテンプレートの適用 (1)オーナーズストア>テンプレート>アップロード テンプレートコード:任意(半角英数字)フォルダ名になります。 テンプレート名:任意 テンプレートファイル:拡張子.tar.gzのファイルを選択 (2)アップロードしたテンプレートを選択して、「登録」をク リックしてください。 app/config/eccube/path.yml の修正 URLから「html」を除いて運用している場合は、サイトが下図 のように表示されます。 デザインテンプレートを適用したことで、下記ファイルが更新されたためです。 ■app/config/eccube/path.yml サーバからファイルをダウンロードし、修正が必要です。 下から5行目付近、「front_urlpath:」を修正します。 templateの前にhtml/を追加してください。 ——————————————– front_urlpath: …/html/template/… ——————————————– 修正後は下図のように正常に表示されますが、デバッグモード で確認すると、下図のようにエラーが表示されます。 これは、プラグイン導入時に追加されたTwigファイルが見当 たらないというエラーです。 プラグインのtwigファイルをコピーする プラグインを導入した時に生成されたファイルをデザインテンプレートのフォルダにコピーします。 プラグイン導入時に生成されたファイル ■app/template/default/Block デザインテンプレートのファイル ■app/template/テンプレートコード/Block コピー後 プラグインのcssファイルをコピーする twigファイルと同じように、cssファイルをコピーします。 プラグイン導入時に生成されたファイル ■html/template/default/css ※ 生成されたファイルだけをコピーします。 デザインテンプレートのファイル ■html/template/テンプレートコード/css デザインテンプレート適用後のサンプルサイト ↓こちらのサイトに対して、 EC-CUBE3機能カスタマイズ版C3015D1801A ↓こちらの専用デザインテンプレートを適用した時の、 デザインテンプレート:EC-CUBE3機能カスタマイズ版C3015D1801A専用 ↓サンプルサイトがこちら サンプルサイト 詳細はこちらをご覧ください。 http://www.kaiplus.com/products/list.php?category_id=50
プラグイン等を導入した運用中のサイトに対して、デザインテンプレートを適用する際の注意点です。
デザインテンプレートの適用
(1)オーナーズストア>テンプレート>アップロード
テンプレートコード:任意(半角英数字)フォルダ名になります。
テンプレート名:任意
テンプレートファイル:拡張子.tar.gzのファイルを選択
(2)アップロードしたテンプレートを選択して、「登録」をク リックしてください。
app/config/eccube/path.yml の修正
URLから「html」を除いて運用している場合は、サイトが下図 のように表示されます。
デザインテンプレートを適用したことで、下記ファイルが更新されたためです。
■app/config/eccube/path.yml
サーバからファイルをダウンロードし、修正が必要です。
下から5行目付近、「front_urlpath:」を修正します。
templateの前にhtml/を追加してください。
——————————————–
front_urlpath: …/html/template/…
——————————————–
修正後は下図のように正常に表示されますが、デバッグモード で確認すると、下図のようにエラーが表示されます。 これは、プラグイン導入時に追加されたTwigファイルが見当 たらないというエラーです。
プラグインのtwigファイルをコピーする
プラグインを導入した時に生成されたファイルをデザインテンプレートのフォルダにコピーします。
プラグイン導入時に生成されたファイル
■app/template/default/Block
デザインテンプレートのファイル
■app/template/テンプレートコード/Block
コピー後
プラグインのcssファイルをコピーする
twigファイルと同じように、cssファイルをコピーします。
プラグイン導入時に生成されたファイル
■html/template/default/css
※ 生成されたファイルだけをコピーします。
デザインテンプレートのファイル
■html/template/テンプレートコード/css
デザインテンプレート適用後のサンプルサイト
↓こちらのサイトに対して、
EC-CUBE3機能カスタマイズ版C3015D1801A
↓こちらの専用デザインテンプレートを適用した時の、
デザインテンプレート:EC-CUBE3機能カスタマイズ版C3015D1801A専用
↓サンプルサイトがこちら
サンプルサイト
詳細はこちらをご覧ください。
http://www.kaiplus.com/products/list.php?category_id=50