EC-CUBE3 機能カスタマイズ版の専用デザインテンプレート 1. インストール直後に適用する場合 (1)オーナーズストア>テンプレート>アップロード テンプレートコード:任意(半角英数字)フォルダ名になります。 テンプレート名:任意 テンプレートファイル:拡張子 .tar.gz のファイルを選択 (2) アップロードしたテンプレートを選択して、 「登録」をクリッ クしてください。 機能カスタマイズ版のインストール直後 テンプレート適用
EC-CUBE3 機能カスタマイズ版の専用デザインテンプレート
1. インストール直後に適用する場合
(1)オーナーズストア>テンプレート>アップロードテンプレートコード:任意(半角英数字)フォルダ名になります。テンプレート名:任意テンプレートファイル:拡張子 .tar.gz のファイルを選択
(2)アップロードしたテンプレートを選択して、「登録」をクリックしてください。
機能カスタマイズ版のインストール直後 テンプレート適用
2. 運用中のサイトに適用する場合
① オーナーズストア>テンプレート>アップロードテンプレートコード:任意(半角英数字)フォルダ名になります。テンプレート名:任意テンプレートファイル:拡張子 .tar.gz のファイルを選択
② アップロードしたテンプレートを選択して、「登録」をクリックしてください。
(1)デザインテンプレートの適用
(2)app/config/eccube/path.yml の修正
URL から「html」を除いて運用している場合は、サイトが左図のように表示されます。デザインテンプレートを適用したことで、下記ファイルが更新されたためです。■ app/config/eccube/path.ymlサーバからファイルをダウンロードし、修正が必要です。下から 5 行目付近、「front_urlpath:」を修正します。template の前に html/ を追加してください。---------------------------------------------front_urlpath: …/html/template/…---------------------------------------------
修正後は左図のように正常に表示されますが、デバッグモードで確認すると、下図のようにエラーが表示されます。これは、プラグイン導入時に追加された Twig ファイルが見当たらないというエラーです。
(3)プラグインの twig ファイルをコピーする
プラグインを導入した時に生成されたファイルをデザインテンプレートのフォルダにコピーします。
プラグイン導入時に生成されたファイル■ app/template/default/Block
デザインテンプレートのファイル■ app/template/テンプレートコード /Block
すべてコピーする
コピー後
(4)プラグインの css ファイルをコピーする
twig ファイルと同じように、css ファイルをコピーします。
プラグイン導入時に生成されたファイル■ html/template/default/css
デザインテンプレートのファイル■ html/template/テンプレートコード /css
生成されたファイルだけをコピーする
3. ドロワーメニューの編集
ドロワーメニューに項目等を追加する場合は、下記ファイルを編集してください。■ app/template/ テンプレートコード /Block/login.twig
上図の赤枠部分を修正して、SNS アイコンのリンク先を設定してください。