≪ 家庭菜園始まります | Home | 初参戦＆祝勝利 ≫
EC-CUBEカスタマイズ手順その２
2009/06/17 12:12 | 印刷
[web開発的なこと]

前回に引き続き・・・

サーバーからデータをダウンロードしたら、後はテンプレートを作りこんでいくだけです。

基本的には、HTML＋CSSで対応できます。
ただし、ページの表示を定義しているのは、htmlファイルではなく、.tplファイルになります。

ちなみに、ダウンロードしたデータはとても膨大で、
どこに何があるかとても分かりにくいです。。

デザイン面での修正に限って言うと、大きく分けて２ケ所を見ていけば大丈夫です。

◆CSSファイル、画像ファイル、一部のテンプレートファイル
/user_data/packages/テンプレート名　直下


detail.tpl,list.tpl,top.tplがここにあるのがミソです。
ちなみに、これらのファイルは、
・detail.tpl・・・商品詳細ページ
・list.tpl・・・商品インデックスページ
・top.tpl・・・トップページ
を定義しています。

◆その他のテンプレートファイル
/data/Smarty/templates/テンプレート名　直下

detail.tpl,list.tpl,top.tpl以外のテンプレートに関しては、上記の場所から変更できます。

主なテンプレートファイル
・footer.tpl:フッター
・header.tpl:ヘッター
・site_frame.tpl:<head>内の変更
・site_main.tpl:ページの枠組み基本、レイアウトの変更

その他個別に修正する場合は、修正したいページのＵＲＬから該当ファイルを判別できます。

例えば、/cart/index.php?product_id～　というページだったら
/data/Smarty/templates/テンプレート名/cart/index.tpl
というファイルを変更すればよい事になります。

ダウンロードしたファイルを修正して、FTPツールでサーバーにアップします。
ボクの場合、基本的には、サーバーサイドでのみデザイン修正をしますので、EC-CUBE管理者画面の「デザイン管理」は、レイアウト変更（サイドバーのブロック等）以外は使用しません。

ここまで理解できれば、あとは気合いと根性でコツコツ修正していくだけです。（かなり根気が必要ですよ。。）

ここからは、ボクが実際に組み込んでみての感想です。

EC-CUBEはとても優れたwebショッピングアプリケーションです。これだけのシステムを無料で提供してもらえる事は、開発者にとってとても有益な事です。
（顧客管理、商品管理、モバイルページ、メルマガなどとても多機能です！）
また、管理画面のＵＩは、もとても直観的でクライアントサイドでも扱いやすい仕上がりになっています。

ただ、それなりのページに仕上げるためには、相当な根気が必要です。（ボクは経験値２サイトなのでしょうがないですが、某サイトの立ち上げに約１週間程かかりました。）

商品の登録も、CSVファイルに部分的に対応できていますが、まだまだ完ぺきとは言えません。（画像の扱いが上手でなかったり・・・）大量の商品を登録する際には、かなり根気が必要です。

オープンソース＝無料という安易な発想でEC-CUBEに飛びつくと痛い目をあう可能性がありますので、十分に精査してから、作成に取り掛かるべきでしょう。

と、悪いことも書きましたが、使い方によってはとても有益なツールになると思います。ロックオンさんの姿勢が徐々に・・・な気もしますが、これだけのツールを提供してもらえる事に素直に感謝すべきかな？とも思います。

トラックバック[0] コメント[2]
投稿者 : 4_1@目指せ！photologger
コメント
Re: EC-CUBEカスタマイズ手順その２
とても参考になりました。
ありがとうございました。
投稿者 uhi : 2009/07/17 19:51:06 JST 返信
Re: EC-CUBEカスタマイズ手順その２
>uhiさん
コメントありがとうございます。
拙い説明で恐縮です。
ec-cubeに限らず、色々な情報を発信していきたいと思いますので、宜しくお願いします。
投稿者 4_1 : 2009/07/21 12:32:14 JST 返信

コメント追加

タイトル
名前
E-mail
Webサイト
本文
情報保存 する  しない
  • 情報保存をすると次回からお名前等を入力する手間が省けます。
  • E-mailは公開されません - このエントリーの新規コメント通知が必要なら記入します。
Re: EC-CUBEカスタマイズ手順その２
投稿者 Anonymous : 2010/03/19 5:36:33 JST 返信

トラックバック

このエントリーのトラックバックURLを表示