商品一覧ブロック
バージョン1.14.0以降、cms:id="***_visible"を追加
商品一覧ページに商品リストを表示します。
cms:id | 使用できるタグ | 詳細 |
---|---|---|
item_link | a | 商品設定で決めた詳細ページへのリンクを出力する |
item_name | すべて | 商品の名前を表示する |
item_price | すべて | 商品の価格(通常価格、セール中ならセール価格)を表示する |
item_price_visible | すべて | 商品価格がある場合に表示する |
item_list_price | すべて | 商品の定価を表示する |
item_list_price_visible | すべて | 商品の定価がある場合に表示する |
item_normal_price | すべて | 商品の通常価格を表示する |
item_normal_price_visible | すべて | 商品の通常価格がある場合に表示する |
item_sale_price | すべて | 商品のセール価格を表示する |
item_sale_price_visible | すべて | 商品のセール価格がある場合に表示する |
item_stock | すべて | 商品の在庫数を表示する |
item_small_image | img | 商品のサムネイル画像(小)を表示 |
item_small_image_link | a | 商品のサムネイル画像(小)のリンクを出力 ※1.4.5以降 |
item_large_image | img | 商品のサムネイル画像(大)を表示 |
item_large_image_link | a | 商品のサムネイル画像(大)のリンクを出力 ※1.4.5以降 |
item_cart_link | a | カートに入れるリンクを設置 |
item_discount_percentage | すべて | 定価からの価格の割引率 ※1.2から動作 |
(注)ひとつのブロック内で同じcms:idを使用する場合は、ID名のあとに * を付けてください
cms:id="item_name*"
例
<!-- block:id="item_list" -->
<div>
<p>
<a cms:id="item_link">
<img cms:id="item_small_image" />
</a>
</p>
<dl>
<dt cms:id="item_name">商品名</dt>
<dd cms:id="item_price">商品の価格</dd>
<dd cms:id="item_discount_percentage">
定価からの価格の割引率
</dd>
</dl>
<p>
<a cms:id="item_cart_link">カートに入れる</a>
</p>
</div>
<!-- /block:id="item_list" -->