トップページをカスタマイズ

チュートリアルにおける、ここまでのプロセスを体験することによって、実際の開発環境上で動作させることが出きるようになったと思います。ここから、さらに、HTMLをいじって実際のHTMLをカスタマイズしてみます。

このチュートリアルのECサイトカスタマイズの目標

このチュートリアルのこのセクションの目標としては、実際にECサイトのHTMLのテンプレート部分や内部のコンテンツの表示仕方を変更してみます。それが一つ出来てしまえば、あとのページは「デザインカスタマイズ」のセクションを見ることによって自由自在にHTMLでカスタマイズを行うことが出来ます。

トップページのテンプレートの変更

ECサイトのトップページの部分のヘッダーの部分の文言をかえてみます。この作業ができれば、他のECサイトの外枠のテンプレート部分の変更も出きるようになります。具体的にこの作業で理解できることは、

• Open-ECのカスタマイズ環境に慣れる
• HTMLを変更するのに慣れる
• 静的HTML出力と動的出力デバッガーに慣れる

という内容です。

ニュース＆トピックの表示変更

初期状態のOpen-ECでは、「ニュース＆トピック」の部分はただ単にトピックのタイトルが並んでいるだけです。それだけではさみしいので、トピックのタイトルの戦闘に「●」という記号を足してみます。この作業を行うことによって

• Eclipseのデバッガーの使い方
• データベースから取ってきたデータのHTML上への表示させ方

を理解することが出来ます。

トップページの新着商品の表示の変更

初期状態のOpen-ECのデフォルトECサイトプロジェクトでは、トップページの「新着商品」の部分が商品のタイトルだけしか表示されていません。これを、お勧め商品と同様にヘッドラインの文字列を出すように変更します。この変更を行うことで

• 2次元の配列の使い方

を理解し、「デザインカスタマイズ」のページを読んでスムーズに、そして自由自在にデザインカスタマイズが行えるようになります。

[↑ページトップ]