カスタム検索

商品リストページを作る

商品リストを掲載するページの作成されてますか?
もし、まだな方は、ホームページを作る を参考に作成するか、
tutorial004 をダウンロードして使ってください。

商品リスト

ここでは、前章 商品データを絞り込む で作成した ”日本茶” の データセット を使って、商品リストページを作成していきます。

現在のお茶のカテゴリーツリー お茶のメニュー構成は 日本茶、中国茶、紅茶 のようになっていると思います。

日本茶
日本茶
日本茶リスト

この コンテンツ 日本茶リスト に
絞込み結果である データセット を登録します。


では、コンテンツ 日本茶リスト を選択してください。

ツリーの下に、↓のように コンテンツプロパティ編集Windowが表示されます。

DNO-CBWEB 日本茶リスト コンテンツプロパティ編集Window

ここで、いくつかの設定を行っていきます。

① コンテンツテンプレート

先ず、コンテンツテンプレート を商品リストを表示するテンプレートに変更します。

コンテンツテンプレート変更コンボ

コンテンツ - プロパティ 編集Window の真ん中辺りにある
コンテンツテンプレート の 選択コンボボックスの をクリックすると、

初期テンプレートの選択可能なコンテンツテンプレート

選択できるテンプレートが表示されるので、
この中から 商品データリスト.content
というテンプレートを探して選択してください。


② コンテンツタイプ

続いて、 コンテンツタイプ を設定します。

コンテンツタイプ をクリックして、”データコンテンツ” を選択してください。

コンテンツプロパティ コンテンツタイプ 選択中

すると、 データセット指定 データ数MAX/ページ が有効になります。

テンプレートとタイプを設定したコンテンツプロパティ

③ データセット指定

データセット指定 では、データセット 日本茶 を指定することになります。

コンテンツプロパティのデータセット指定

では、データセットを指定してみましょう。

データセット指定 の項目の ボタンを押してください。

↓のような オブジェクト選択ダイアログ が開きます。

データセット選択ダイアログ

無駄に長い画像。。。。。。

で、データセットのツリーを開いてみてください。

データセット日本茶を選択したオブジェクト選択ダイアログ

作成した データ 電脳卸 と、 データセット 日本茶 が表示されるので、
データセット 日本茶 を選択して OK ボタンを押してください。

コンテンツ - プロパティ 編集Window に戻ると、データセットが設定されて

選択したデータセット ”日本茶” と表示され、
プレビューにも商品リストページが表示されているはずなので、見てみてください。

日本茶データセットの商品リストページプレビュー

商品リストページの基本的な所は これでOKです。

④ データ数MAX/ページ 指定

データタイプのコンテンツでは、1ページで扱うデータ数を指定できます。

ここで、この値を変更すると、1ページに表示する商品数を変更できます。

コンテンツプロパティ 1ページに表示するデータ数

初期値は、4 に設定されているので、 をクリックして 上下に変更します。
(あるいは、直接 数字を入力してください。)

今回は、8 と設定してみましょう。

コンテンツプロパティ 1ページに表示するデータ変数を8に変更

設定した データ数MAX/ページ をプレビューに反映するには、 コンテンツHTML編集 Windowの 更新 ボタンを押してください。

コンテンツHTML編集Window

1ページの商品リストの数が変わって、ページ数が変更されます。

次へ

これで、商品リストページの作成は OK です。
ファイルに保存しておきましょう。

次は、商品詳細ページを作成していきます。
商品詳細ベージを作る へ進んでください。