【クリエイターモード】品切れの商品に「売り切れ」を表示させたいです。方法を教えてください。

商品管理 / 商品一覧 / 商品編集 > 商品の在庫
で「品切れにする（総在庫数が０になります。）」に設定された商品は、ショップ上に「売り切れ」を表示させることができます。

＜表示例＞
【Complete】テンプレートの場合

※「売り切れ」は「SOLD OUT」「在庫なし」などの文言に変更が可能です。

＜商品カテゴリー＞

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品カテゴリー 「HTML」

<{if $category.item.list[i].is_soldout}>
  <p class="item-soldout">売り切れ</p>
<{/if}> 

＜商品詳細＞ 

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細 「HTML」

<{if $item.is_soldout}>
   <p class="item-soldout">売り切れ</p> 
<{/if}>

＜全ページ共通＞

新商品、おすすめ商品、スペシャル商品、最近チェックした商品、ランキング  

<{if $〇〇〇.list[i].is_soldout}> 
   <p class="item-soldout">売り切れ</p> 
<{/if}> 

〇〇〇にはその商品リストの変数を記述してください。

<{if $new_item.list[i].is_soldout}>
   <p class="item-soldout">売り切れ</p>
<{/if}> 

<{if $recommend_item.list[i].is_soldout}>
   <p class="item-soldout">売り切れ</p>
<{/if}> 

<{if $special_item.list[i].is_soldout}>
   <p class="item-soldout">売り切れ</p>
<{/if}> 

<{if $recently_item.list[i].is_soldout}>
   <p class="item-soldout">売り切れ</p>
<{/if}> 

<{if $ranking_item.list[i].is_soldout}>
   <p class="item-soldout">売り切れ</p>
<{/if}>