4
EC-CUBE3 機能カスタマイズ版の専用デザインテンプレート 1. インストール直後に適用する場合 (1)オーナーズストア>テンプレート>アップロード テンプレートコード:任意(半角英数字)フォルダ名になります。 テンプレート名:任意 テンプレートファイル:拡張子 .tar.gz のファイルを選択 (2) アップロードしたテンプレートを選択して、 「登録」をクリッ クしてください。 機能カスタマイズ版のインストール直後 テンプレート適用

EC-CUBE3機能カスタマイズ版の専用デザインテン …...EC-CUBE3機能カスタマイズ版の専用デザインテンプレート 1. インストール直後に適用する場合

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: EC-CUBE3機能カスタマイズ版の専用デザインテン …...EC-CUBE3機能カスタマイズ版の専用デザインテンプレート 1. インストール直後に適用する場合

EC-CUBE3 機能カスタマイズ版の専用デザインテンプレート

1. インストール直後に適用する場合

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

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

機能カスタマイズ版のインストール直後 テンプレート適用

Page 2: EC-CUBE3機能カスタマイズ版の専用デザインテン …...EC-CUBE3機能カスタマイズ版の専用デザインテンプレート 1. インストール直後に適用する場合

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 ファイルが見当たらないというエラーです。

Page 3: EC-CUBE3機能カスタマイズ版の専用デザインテン …...EC-CUBE3機能カスタマイズ版の専用デザインテンプレート 1. インストール直後に適用する場合

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

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

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

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

すべてコピーする

コピー後

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

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

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

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

生成されたファイルだけをコピーする

Page 4: EC-CUBE3機能カスタマイズ版の専用デザインテン …...EC-CUBE3機能カスタマイズ版の専用デザインテンプレート 1. インストール直後に適用する場合

3. ドロワーメニューの編集

ドロワーメニューに項目等を追加する場合は、下記ファイルを編集してください。■ app/template/ テンプレートコード /Block/login.twig

上図の赤枠部分を修正して、SNS アイコンのリンク先を設定してください。