カスタム検索

トップページを充実させる

ここまで作成したサンプルサイトは tutorial005 をダウンロードしてください。

トップページを充実

お茶 メニューのトップページは お勧めのお茶 になっています。

現状の お茶カテゴリのトップページを選択したツリー

お勧めのお茶 を選択してみてください。

↓ は お勧めのお茶 のプレビューです。
なんとも寂しいですね。


お勧めのお茶ページのプレビュー

お勧めの お茶 ピックアップ
でも書いているように ここにピックアップ写真を表示しようと思います。

お勧め商品写真 を表示する

DNO-CBWeb の機能で簡単に実現できる お勧め商品写真を表示しましょう。

お勧め商品写真は、データセット と コンテンツ のテンプレートで実現できます。

絞込み結果

先ず、データセット を開いて お勧めの商品にチェックを加えておく必要があります。

DNO-CBWEB 電脳卸 日本茶データセットを選択

日本茶 を選択して
データセット-プロパティ 編集Windowを表示します。


日本茶 データセット-プロパティ編集Window

 絞込み編集 ボタンを押して、絞込みダイアログを表示します。

日本茶 商品データ絞込み ダイアログ

電脳卸 データ絞込み ダイアログ が表示されたら、  検索  ボタンを押してください。

電脳卸 データ絞込み ダイアログ 検索結果 件数表示

↑ のの場所に件数が表示されているかを確認して、表示されていない場合は、
 検索  ボタンを押してください。

件数が表示されていないと、ページが移動できません。

お勧めを選ぶ

では、各 絞込み結果の商品を1つ1つ確認しながら ”お勧め” を選んでいきます。

絞込み結果の1つの商品データは

絞込み結果1商品データ

←のように表示されています。

ここには、

  • □おすすめ □ピックアップ □除外 のチェック
  • 価格
  • 詳細データへのリンク
  • 商品名

が表示されています。


詳細データへのリンクをクリックすると、下のブラウザに登録データが表示されます。

商品データ絞込み結果表示2

← の画像は、絞り込み結果 下 のブラウザに表示された項目の一部です。

リンクURL の項目に表示されるアドレスをクリックすると、電脳卸の商品販売ページへジャンプします。

商品販売ページには、値引き率や、購入人数などの情報も記載されているので、 参考にしながら、お勧め商品を選択してください。


絞込み結果が10件以上ある場合は、ダイアログ上 検索結果の上方に表示される


ボタンか、 ボタンでページを移動してください。

お勧めする商品が決まったら、□おすすめ にチェックを入れていきます。

お勧めにチェックを入れた絞込み結果1商品データ表示

←のように、□おすすめ をチェックします。

このようにして、いくつかの商品にチェックを入れます。

今は、4個ほどチェックしておいてください。


これで、お勧めの選択は完了です。

写真を表示する

続いて、選抜したお勧め商品の写真を コンテンツ に表示します。

お勧めの お茶ピックアップ コンテンツを選択したツリー

お勧めのお茶ピックアップ を選択します。


日本茶のお勧め写真を掲載するために、
お勧めのお茶ピックアップ に、さらに 子コンテンツを作成します。

お勧めのお茶ピックアップ 上で右クリックして 子コンテンツ作成 を実行してください。

コンテンツの子コンテンツ作成中

お勧めのお茶ピックアップ の子コンテンツが作成されました。

お勧めのお茶ピックアップ コンテンツの子コンテンツ作成終了

次に、作成した コンテンツ に お勧め写真が表示されるようにプロパティを編集します。

コンテンツ1221..::885 を選択ます。
コンテンツ-プロパティ編集 Window が表示されるので、↓のように設定してください。

コンテンツをおすすめ写真リストが表示されるように編集した状態

この設定で、データセット に設定した □おすすめ の商品写真がプレビューに表示されます。 表示形式は、テンプレートによりますが、サンプルサイトの場合のプレビューは↓のようになります。

おすすめ商品写真リスト表示プレビュー画面

中国茶 紅茶も

中国茶 や 紅茶に関しても、日本茶と同様の手順で お勧め商品写真を掲載できます。

コンテンツ の追加 や文章の変更も あなたのセンスで試してみてください。

次へ

この章では、お勧め商品の写真を表示するようにしました。

ファイルを保存しておきましょう。

次は、ストアミックスの検索窓を貼ってみます。
STMX 検索窓を付ける へ進んでください。

スポンサードリンク