「商品一覧」ウィジェットの使い方

目次

動画解説

1.「商品一覧」ウィジェットの使い方

商品一覧」ウジェットは「アイテム一覧」に追加された商品をタイル上に並べて表示することができます。

※ このウィジェットはTOPページメインエリア専用です。サイドバーの中では利用できません。

ver2_sc_28

ウィジェット追加画面で「商品一覧」を「TOPページ・メインエリア」に追加

ver2_sc_29

各設定項目を入力します。

setsu_cap_01

ver2_sc_31

リード内のテキスト
商品画像の下のボタン内のテキストを入力(※ 8文字程度を推奨)
ボタンのリンク先によって、「nofollow」「target=”_blank”」にチェックを入れるとソースコードにタグが記述されます。
ボタンリンク先を別サイトに飛ばす方はチェックをいれると良いと思います。
リンク先がご自身の下層ページの場合はチェックをはずすなど、ご自身で使い分けてください。
トップページに何件表示させるかの設定です。表示させたい数を入力してください。
※ 「アイテム一覧」に記事がなければ、表示されません。
カテゴリで分けて表示させるかの設定。
「カテゴリを指定しない」の場合は、「アイテム一覧」に投稿されたものをすべて表示します。
「表示するカテゴリを指定する」にチェックの場合は、その下のドロップダウンで表示させるカテゴリを選択してください。
※ カテゴリが作られていない場合はカテゴリ名が表示されません。

下記の画像のように、「アイテム一覧」作成された内容を表示させています。

 

ver2_sc_32

タイル上に並んだ商品BOX内のタイトルや画像は、下記の画像のように「アイテム一覧」に投稿された内容を表示させています。

 

■ カテゴリ分けしてアイテム一覧を作成する

「アイテム一覧」に投稿したすべてを表示するのではなく、カテゴリで分けて表示させたい時。

setsu_cap_02

 

デモサイトでは、下のようにファンデーションの商品を、「リキッド系」「パウダリー系」でカテゴリ分けしています。

SnapCrab_NoName_2015-5-1_10-48-16_No-00

「リキッド系」というカテゴリーに属している商品だけを表示させたい時の例です。
ウィジェットの「商品一覧」ウィジェットで設定を行ってください。

setsu_cap_03

「リキッド系」というカテゴリー用にウィジェットを設置。
「カテゴリの指定をするかしないか」で、「表示するカテゴリーを指定する」にチェック
その下のプルダウンメニューで「リキッド系」を選択

すると下のように「リキッド系」というカテゴリーに属したものだけがひとつのコンテンツとして表示されます。

setsu_cap_04

 

別のカテゴリーのものを表示させる場合は、またウィジェットを追加し、
表示したいカテゴリーを選択してください。

カテゴリー分けをせず、「アイテム一覧」に投稿したものを表示したい場合は、
「カテゴリの指定をするかしないか」のところで、「カテゴリを指定しない」にチェックを入れてください。、

コメントを残す