メサイア・ワークス

EC-CUBEで新しい画面(ページ)を追加方法

EC-CUBEで新しい画面(ページ)を追加方法

自分でファイルやDBレコードを追加しても作成出来ますが、管理画面から追加できます。
管理者としてログインして、デザイン管理>PC>ページ詳細設定を開く(スマホやガラケーに対しては、それぞれ行う)

1,名称:任意の文字列
2,URL:任意だが半角英数.php
3,共通のヘッダー、フッターはチェックしておく方が楽
4,ページに表示したい内容、あとで修正できるので適当な文字列でOK!

登録するボタンを押すと、編集可能ページ一覧の一番下に追加されます。

 

この操作によって、以下の追加が行われます。
1, /html/user_data/sample.php ← 自動生成されたphpファイル。処理はこちらに書く。
2, /data/Smarty/templetes/user_data/sample.tpl ← 管理画面から入力した内容。
3, dtb_pagelayoutテーブルに、このページ情報が1レコード追加される

以下のサイトで、最初に入力した文字列とヘッダー・フッターだけ表示される。
http://localhost/eccube/html/user_data/sample.php

 

このままだと、URLにuser_dataが入っていて見栄えが悪いので、以下のようにしたい
http://localhost/eccube/html/sample/

方法は、まずphpファイルを移動する。
/html/user_data/sample.php -> /html/sample/index.php(フォルダは新規作成)

データベースも変更。
dtb_pagelayoutのurlフィールドをuser_data/sample.phpからsample/index.php

これで問題なくURLを変更できた。

//DBの内容を表示してみる

sample.phpに以下の内容を追加する。
SQL文をラッパーしているだけ。

表示側のtplファイルも修正
/data/Smarty/templates/default/user_data/sample.tpl

これで、DBに格納されている店名を表示できました!

以下のサイトを参考にしました。
http://taro.wiki2.jp/2012/11/09/ec-cube-%E6%96%B0%E8%A6%8F%E3%81%AB%E7%8B%AC%E8%87%AA%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%80%80%E3%81%9D%E3%81%AE%EF%BC%91%E3%80%80version-2-12.html

モバイルバージョンを終了