商品リストに在庫を表示する変数タグを使用してソースを記述してください。
商品リストのループ文(<{section name=i loop=$●●●.list}>~<{/section}>)内の、表示させたい位置(例:価格の後方など)に記述してください。
<p class="item-stock">在庫:<{$●●●.item.list[i].stock_quantity}>個</p>
●●●にはそれぞれの商品リストの変数を記述してください。
クリエイターモードタグリファレンスを参照してください。
| 新商品 | <p class="item-stock">在庫:<{$new_item.list[i].stock_quantity}>個</p> |
| おすすめ商品 | <p class="item-stock">在庫:<{$recommend_item.list[i].stock_quantity}>個</p> |
| スペシャル商品 | <p class="item-stock">在庫:<{$special_item.list[i].stock_quantity}>個</p> |
| 最近チェックした商品 | <p class="item-stock">在庫:<{$recently_item.list[i].stock_quantity}>個</p> |
| ランキング | <p class="item-stock">在庫:<{$ranking_item.list[i].stock_quantity}>個</p> |
| 商品カテゴリー | <p class="item-stock">在庫:<{$category.item.list[i].stock_quantity}>個</p> |
| 商品検索結果 | <p class="item-stock">在庫:<{$search.item.list[i].stock_quantity}>個</p> |
| 商品詳細 商品グループ | <p class="item-stock">在庫:<{$item.group.list[i].stock_quantity}>個</p> |
ショップデザイン / 機能・設定 / ショップページ表示設定「在庫数の表示方法」の
「△残りわずかを表示する在庫数」で指定した数で在庫数を表示させる場合
以下のようにHTMLを記述してください。
<{if !$category.item.list[i].is_soldout}>
<!---数量を表示-->
<{if $●●●.item.list[i].is_stock_display}>
<!---無制限-->
<{if $●●●.item.list[i].is_stock_unlimited}>
<p class="item-list-stock">〇在庫あり</p>
<{else}>
<!-- 残りわずかだったら -->
<{if $●●●.item.list[i].is_small_stock}>
<p class="item-list-stock">△残りわずか<span class="item-stock">あと<{$●●●.item.list[i].stock_quantity}>個</span></p>
<{else}>
<p class="item-list-stock">〇在庫あり<span class="item-stock">あと<{$●●●.item.list[i].stock_quantity}>個</span></p>
<{/if}>
<{/if}>
<{/if}>
<{else}>
<p class="item-list-stock">×売り切れ</p>
<{/if}>
●●●にはそれぞれの商品リストの変数を記述してください。
SKU(バリエーションの項目ごと)の在庫の表示はできません。
■makeshopサポート
クリエイターモードで在庫表示をカスタマイズする方法
https://www.support.makeshop.jp/design/?p=20239
<関連記事>
【クリエイターモード】商品詳細ページに在庫数を表示する方法を教えて下さい。


