EC-CUBE３カスタマイズ３（テンプレートについて）

SYSTEM_KDです。

前回、EC-CUBE３基礎編としてかなり大雑把に構成をまとめましたが、今回はテンプレート部分について掘り下げてみたいと思います。

 

まず、画面テンプレートに着目して、どの画面のテンプレートがどこにあるかをずらっとまとめたいと思います。

 

管理画面のテンプレート

[管理画面側 v3.0.9] - パスは src/resource/template/admin 配下

ブロック管理（新規・編集）

Content/block_edit.twig

 

ブロック管理

Content/block.twig

 

キャッシュ管理

Content/cache.twig

 

ファイル管理

Content/file.twig

 

ページ管理

Content/layout.twig

 

新着情報管理（新規・編集）

Content/news_edit.twig

 

新着情報管理

Content/news.twig

 

ページ管理（新規・編集）

Content/page_edit.twig

 

ページ管理

Content/page.twig

 

コンテンツ管理ナビ部分

Content/subnavi.twig

 

会員登録（編集）

Customer/edit.twig

 

会員マスター

Customer/index.twig

 

会員管理ナビ部分

Customer/subnavi.twig

 

仮会員時メール本文

Mail/entry_confirm.twig

 

購入完了時メール本文

Mail/order.twig

 

受注登録（編集）

Order/edit.twig

 

受注マスター

Order/index.twig

 

受注マスターのメール通知（確認画面　※一括）

Order/mail_all_confirm.twig

 

受注マスターのメール通知（入力画面　※一括）

Order/mail_all.twig

 

受注マスターのメール通知（完了画面）

Order/mail_complete.twig

 

受注マスターのメール通知（確認画面　※個別）

Order/mail_confirm.twig

 

受注マスターの個別の送信完了メール確認

Order/mail_view.twig

 

受注マスターのメール通知（入力画面　※個別）

Order/mail.twig

 

受注マスターの商品検索部分

Order/search_product.twig

 

受注管理ナビ部分

Order/subnavi.twig

 

カテゴリ登録

Product/category.twig

 

規格編集（分類　※子規格）

Product/class_category.twig

 

規格編集

Product/class_name.twig

 

カテゴリCSV登録

Product/csv_category.twig

 

商品CSV登録

Product/csv_product.twig

 

商品マスター

Product/index.twig

 

商品マスター＞規格設定

Product/product_class_twig

 

商品マスター（編集）

Product/product.twig

 

商品管理ナビ部分

Product/subnavi.twig

 

CSV出力項目設定

Setting/Shop/csv.twig

 

会員規約設定

Setting/Shop/customer_agreement.twig

 

配送方法設定（編集）

Setting/Shop/delivery_edit.twig

 

配送方法設定

Setting/Shop/delivery.twig

 

メール設定

Setting/Shop/mail.twig

 

支払方法設定（編集）

Setting/Shop/payment_edit.twig

 

支払方法設定

Setting/Shop/payment.twig

 

ショップマスター

Setting/Shop/shop_master.twig

 

税率設定

Setting/Shop/tax_rule.twig

 

特定商取引法

Setting/Shop/tradelaw.twig

 

権限管理

Setting/System/authority.twig

 

EC-CUBE ログ表示

Setting/System/log.twig

 

マスターデータ管理

Setting/System/masterdata.twig

 

メンバー管理（編集）

Setting/System/member_edit.twig

 

メンバー管理

Setting/System/member.twig

 

セキュリティ管理

Setting/System/security.twig

 

システム情報

Setting/System/system.twig

 

管理画面テンプレートベース部分

default_frame.twig

 

管理画面TOP

index.twig

 

なかなかの量ですね。

続いてフロント側

 

フロント側のテンプレート

[フロント側 v3.0.9] - パスは src/resource/template/default 配下

ブロック　カート

Block/cart.twig

 

ブロック　カテゴリツリー

Block/category.twig

 

ブロック　フッター

Block/footer.twig

 

ブロック　送料無料

Block/free.twig

 

ブロック　ギャラリー（TOPページ新着情報下のブロック）

Block/garally.twig

 

ブロック　ログイン

Block/login.twig

 

ブロック　ロゴ

Block/logo.twig

 

ブロック　新着商品（TOPページ新着情報上のブロック）

Block/new_product.twig

 

ブロック　新着情報

Block/news.twig

 

ブロック　商品検索

Block/search_product.twig

 

カート画面

Cart/index.twig

 

お問い合わせ（完了）

Contact/complete.twig

 

お問い合わせ（確認）

Contact/confirm.twig

 

お問い合わせ（入力）

Contact/index.twig

 

会員登録（完了　本登録完了）

Entry/activate.twig

 

会員登録（完了　仮登録完了）

Entry/complete.twig

 

会員登録（確認）

Entry/confirm.twig

 

会員登録（入力）

Entry/index.twig

 

パスワード再発行（発行メール完了）

Forgot/complete.twig

 

パスワード再発行（入力）

Forgot/index.twig

 

パスワード再発行（完了）

Forgot/reset.twig

 

EC-CUBE用Widgetsレイアウト

Form/form_layout.twig

 

当サイトについて

Help/about.twig

 

利用規約

Help/agreement.twig

 

ご利用ガイド

Help/guide.twig

 

プライバシーポリシー

Help/privacy.twig

 

特定商取引法

Help/tradelaw.twig

 

お問い合わせメールテンプレート

Mail/contact_mail.twig

 

退会メールテンプレート

Mail/customer_withdraw_mail.twig

 

本会員登録完了メールテンプレート

Mail/entry_complete.twig

 

仮会員登録完了メールテンプレート

Mail/entry_confirm.twig

 

パスワード再発行用メールテンプレート

Mail/forgot_mail.twig

 

注文完了時メールテンプレート

Mail/order.twig

 

パスワード再発行完了時メールテンプレート

Mail/reset_complete_mail.twig

 

マイページ会員情報編集

Mypage/change.twig

 

マイページ会員情報編集完了

Mypage/change_complete.twig

 

マイページお届け先編集（一覧）

Mypage/delivery.twig

 

マイページお届け先編集（編集）

Mypage/delivery_edit.twig

 

マイページお気に入り

Mypage/favorite.twig

 

マイページ注文履歴詳細

Mypage/history.twig

 

マイページ注文履歴（一覧）

Mypage/index.twig

 

マイページログイン

Mypage/login.twig

 

マイページナビ部分

Mypage/navi.twig

 

マイページ退会手続き（TOP）

Mypage/withdraw.twig

 

マイページ退会手続き（確認）

Mypage/withdraw_confirm.twig

 

マイページ退会手続き（完了）

Mypage/withdraw_complete.twig

 

商品詳細

Product/detail.twig

 

商品一覧

Product/list.twig

 

注文完了

Shopping/complete.twig

 

ご注文内容のご確認

Shopping/index.twig

 

注文時のログイン

Shopping/login.twig

 

非会員購入時の情報入力

Shopping/nonmember.twig

 

お届け先の指定（選択）

Shopping/shipping.twig

 

お届け先追加（入力）

Shopping/shipping_edit.twig

 

お届け先の複数指定

Shopping/shipping_multiple.twig

 

非会員用複数配送時のお届け先設定

Shopping/shipping_multiple_edit.twig

 

購入エラー

Shopping/shopping_error.twig

 

フロント側テンプレートベース

default_frame.twig

 

エラー画面

error.twig

 

TOP画面

index.twig

 

ページングナビ部分レイアウト

pagination.twig

 

まとめ

（単純にテンプレート抜き出すだけでしたが、なかなか疲れましたｗ）

全てではないですが、カスタマイズする際にさわりそうな部分については、抜き出したと思います。（たぶん）

EC-CUBE３でこの画面を少しさわりたいけど、テンプレートどこにあるんだ？って方は上記を参考にしていただくと、見つかるんじゃないかと思います。

 

次回は、テンプレートへ変更を加える方法を書いてみたいと思います。