商品詳細ブロック
バージョン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" -->
<div id="itemdetail">
<p><img cms:id="item_large_image" /></p>
<h3 cms:id="item_name">商品名</h3>
<p cms:id="item_price">商品の価格</p>
<table>
<tr>
<th scope="row">商品名</th>
<td cms:id="item_name*">商品名</td>
</tr>
<tr>
<th scope="row">商品コード</th>
<td cms:id="item_code">mame_002</td>
</tr>
<tr>
<th scope="row">販売価格(税込)</th>
<td cms:id="item_price*">300</td>
</tr>
<tr>
<th scope="row">割引率</th>
<td >
<!-- cms:id="item_discount_percentage" -->
30
<!-- /cms:id="item_discount_percentage" -->
% OFF
</td>
</tr>
</table>
<p><a cms:id="item_cart_link">カートに入れる</a></p>
</div>
<!-- /block:id="item" -->