と言う事で、いじり倒す前に、基本のファイル設定は書き出しておこうと思って書いています。
EC-CUBE 2.11.X 系でテンプレートへの変更を考えている方は、参考にしてください。
（他にも似たようなところは有るし、本家のフォーラムも確認してくださいね）
EC-CUBE 2.11.X は、
- PC
- スマートフォン
- 携帯
の3つの機種に対応、正確には各ブラウザーのユーザーエージェントを取得して、各テンプレートを切り替えているだけの代物です。
つまり、テンプレートは、各機器ごとにあるので、全部で3タイプある事になります。
しかも各テンプレートは完全に独立しているので、PCを変えたからと言って、スマートフォンを変えないと、表示がおかしくなる、と言うような事はありません。
PC用は表示情報量が多いので、変更する事はそれなりに大変ですが、スマートフォンや携帯であれば、比較的簡単に変更が可能です。
また、新しいテンプレートを製作しなくとも、システム上からCSS等の変更が可能なので、かなり自由に変更は出来るかと思います。
むしろ、tplファイルをいじる方が面倒な場合もあります……
前置きはこれくらいで、ではそれぞれの、ファイルの場所を。
PC関連テンプレート //////////////////////////////////
テンプレートファイル .tpl ***************************************
data\Smarty\templates\default フォルダ内
この中の.tplファイルがhtml表示用のテンプレートになります。
この中に更に、各ページ名称が振らたフォルダがありますので、その中に更に各ページに対するテンプレートファイルがあります。
defaultフォルダ内にある、ファイルの主なモノです。
site_frame.tpl //ページ表示用のヘッダー部分になります。CSSやJavaScriptファイルの読み先
site_main.tpl //コンテンツ表示部分この中に各.tplファイルが読み込まれます。
その他のファイルは、だいたいファイル名称通りの内容が記述されています。
あくまでだいたいですよ。
CSS（スタイルシート） .css ***************************************
html\user_data\packages\default\css フォルダ内
メインで使われているファイルは
common.css
他のファイルについては、ファイル名の内容に関するCSSが書き込まれています。
img（イメージファイル） .jpg等 ***************************************
html\user_data\packages\default\img\**** フォルダ内
内部に各使用目的別のフォルダがあるので、その中の画像を使用します。
このフォルダの画像は、CSSと直接.tplファイルに読み込む為のモノと共通です。
スマートフォン関連テンプレート //////////////////////////////////
テンプレートファイル .tpl ***************************************
data\Smarty\templates\sphone フォルダ内
CSS（スタイルシート） .css ***************************************
html\user_data\packages\sphone\css フォルダ内
img（イメージファイル） .jpg等 ***************************************
html\user_data\packages\sphone\img\**** フォルダ内
携帯関連テンプレート //////////////////////////////////
テンプレートファイル .tpl ***************************************
data\Smarty\templates\mobile
img（イメージファイル） .jpg等 ***************************************
html\user_data\packages\mobile\img
CSS（スタイルシート） .css ***************************************
どうやら、携帯にはCSSは適用していないようで、ファイルが存在しません。
ざっと調べた限りでは、上記の箇所を変更すれば、デザインに関する変更は可能です。
まぁ、レイアウト変更と言っても、デフォルトのデザインが３カラムですので、それを２カラムに変更したとしても、変えるべきモノは、TOPにあるメインイメージだけで後は、CSSで対応可能なレベルのテンプレートになっているので、よく出来たモノだと思います。
この各ファイルの場所さえわかれば、変更は簡単ですので、どんどんテンプレートをくつってみてください。
もちろん、テンプレート製作の依頼も受けておりますので、お気軽にご相談ください。
神奈川県を中心として主に横浜・川崎・東京23区西部の中小企業・個人事業主向けホームページを制作しております。 横浜本田WEB
横浜本田WEB Facebookページ
http://www.facebook.com/hondaweb?fref=ts
