Qbilinux 日記

Linux に関係することだけではなく,最近は一般的なコンピュータやガジェット関係についても記載してます.

EC-CUBE 3.0 のテンプレート編集

ちょっとメモ書き.たまに忘れたことがあって検索したときに自分のサイトが出てきて備忘録に使えると思うことがあるので....

現在のリリース版 (3.0.2) ではテンプレートの編集画面がないので,テンプレートを変更しようとする場合には手作業で作業する必要があるみたいですね.

デフォルトの css, js などが html/template 以下に,twig ファイルが src/Eccube/Resource/template 以下にあります.

それらのファイルを直接触るよりも,別ファイルにして触ったほうがよいかと思います.

まず,適当なテンプレート名を決めます.今回は「sample」とします.

html/template/default を html/template/sample にコピー.コピー先のディレクトリ名はテンプレート名を使ってください.

同様に src/Eccube/Resource/template を app/template/sample にコピー.

db 上のテーブル dtb_template にテンプレートを追加します.device_type_id には 10 を,template_code にはテンプレート名(今回の場合は sample)を,template_name は適当な名前を設定してください.device_type_id の 10 は PC の意味ですかね.1 が携帯電話,2 がスマートフォンかな.でも,レスポンシブデザインだとこの数字にどういう意味があるんだろうとは思いますけど.

その後,ec-cube の管理画面にアクセス.「設定」>「オーナーズストア」>「テンプレート一覧」に追加したテンプレート名が表示されていると思うので,「選択」をチェックして「登録」.

これで追加したテンプレートに切り替わったので,あとは html/template/sample 以下と app/template/sample 以下のファイルを編集していけば,外観の変更が出来るかと思います.

テンプレートとして固める場合にはこれらのファイルを tar.gz すれば良いと思います.

app/template/sample 以下のファイルの記述方法は,見ればわかると思いますけど twig ですね.

あんまりテンプレート編集方法に関するドキュメントが見当たらなかったのでちょっとだけ書いてみました.参考まで.

効率的なWebアプリケーションの作り方 ~PHPによるモダン開発入門
リエーター情報なし
技術評論社