カスタム検索

商品詳細ベージを作る

商品詳細ページ

商品詳細ページは、
商品名、商品価格、商品画像、商品キャッチコピーや、あなたが入力した文章等を含み 1つの商品に1つのページを用意するようにします。

商品リストページと同様、
コンテンツに テンプレートと、データセット、1ページのデータ数を指定する事で 簡単に出力する事ができます。

詳細ページを作る

なにはなくとも、商品詳細ページを作らないと始まらないので、

日本茶 の下に、子ページを用意しましょう。

そろそろ、飛ばし気味に書いてみます。

詳細ページを作るため 新規ページを作成しているツリー

日本茶 に
ページ を作成してください。


作成した詳細ページを選択したツリー

作成した、ページ を選択して、
プロパティを編集しましょう。


ページプロパティ 商品詳細ページ例

← は、日本茶 の 詳細ページ のプロパティ入力例です。


名称、タイトル、追加タグ、ファイル名、ページ概要 を、あなたのセンスで入力してみてください。

詳細ページのコンテンツ

次に、詳細ページに商品詳細用のコンテンツを作成します。

作成した 日本茶 詳細 ページに コンテンツ を作成してください。

DNO-CBWEB 日本茶商品詳細ページ のコンテンツ作成中

続いて、データセットを設定するため 作成した コンテンツ を選択します。

DNO-CBWEB 日本茶商品詳細ページ の詳細データコンテンツ選択

コンテンツ - プロパティ編集 Window が表示されるので、編集しましょう。
↓は、コンテンツのプロパティ編集例です。

日本茶の商品詳細ページ 編集例

  • 名称 タイトル は、好みで入力してください。

  • コンテンツ テンプレート
    "商品データリスト 詳細.content"を選択します。

  • データセット指定
    日本茶 のデータセット を設定します。

  • データ数MAX/ページ
    詳細ページの場合 必ず 1 を設定してください。

これで、日本茶 の 商品詳細ページ が出来上がりです。

コンテンツHTML編集 Window の 更新 ボタン
リンク先も更新する場合は 全て更新 ボタン を押して、プレビューを見てみましょう。

全ての日本茶の ”商品詳細ページ” がプレビューできます。

日本茶 商品詳細ページ プレビュー

詳細ページのテーブルには、空欄がありますが、ここには 自由に文章を入力できるようになっています。

商品詳細ページ 自由文章

ツリーで商品詳細ページ
日本茶
商品詳細
を選択して、コンテンツHTML 編集 Window を見て下さい。

商品紹介 自由文章 入力時の コンテンツHTML編集Window

商品詳細(あるいは商品リスト)のコンテンツを選択していれば、↑のように表示されます。

  • ① ページ番号

  • ② 商品名

  • ③ 商品紹介 自由文章の番号(1~3)

あとは、 ボタンで対象の商品を移動して、 コンテンツとして商品紹介文章を3つまで入力できます。

これ!って思った商品には、自分の文章でアピールしましょう。
あなたのページが検索エンジンにもヒットしやすくなります。

商品リスト ページを見る

商品詳細ページを出力すると、商品リストページに1つ変化があります。

日本茶 のページを選択して プレビューを確認してください。

↓のように1つ1つの商品リストに 詳細 のリンクが表示されています。

商品詳細を作った後の商品リスト

リストの 詳細 をクリックすると、先ほど作成した商品詳細ページへ移動します。

もし、移動しない場合は、どれかコンテンツ を選択して
コンテンツHTML編集 Window の全て更新 ボタンを押してから、再度クリックしてみてください。

中国茶 紅茶 も

はい、これで 日本茶の 商品リスト と 商品詳細 ができました。

中国茶、紅茶 に関しても同様な手順で作成できるので、作ってみてください。

ここまで入力したサンプルは tutorial005 をダウンロードしてください。

次へ

日本茶、中国茶、紅茶 の商品リストと詳細ができました。
ファイルを保存しておきましょう。

あとは、各カテゴリのトップページを作成すれば、とりあえず アフィリエイトサイト として使用できます。

内容を充実させる へ進んでください。