【クリエイターモード】ログイン後に、通常価格と会員グループ別価格を表示させる方法を教えてください。

各画面で、「通常価格（割引前の価格）」の変数タグと、「販売価格（ログイン後には会員グループ別価格）」の変数タグを使用し併記することで、二重価格の表示が可能です。

「会員グループ別価格が設定されていれば」という条件分岐のソースを記述してください。

→クリエイターモードタグリファレンス

＜商品リスト＞

• 商品カテゴリーページ
• 商品検索結果ページ
• 全ぺージ共通（新商品・おすすめ商品・スペシャル商品・最近チェックした商品・ランキング）
• 商品詳細ページの商品グループ

では以下の変数タグを使用して2つの価格のHTMLを併記してください。

【価格】

【真偽値】

＜条件分岐の記述例＞

<{if $〇〇〇.list[i].is_member_price}> 
    会員グループ別価格が設定されていれば表示 
<{else}> 
    会員グループ別価格が設定されていなければ表示 
<{/if}> 

〇〇〇にはその商品リストの変数タグを記載してください。
<{else}> は省略が可能です。

【Complete】の商品カテゴリーぺージ

＜初期値＞

<p class="price">￥<{$category.item.list[i].price|number_format}><span>（税込）</span></p>

＜変更例＞

HTML：会員グループ別価格が設定されていれば、ログイン後に通常価格と会員グループ別価格を表示する
CSS：会員グループ別価格のテキスト色を赤にする・（税込）のテキストを小さくする

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品カテゴリー 「HTML」を変更してください。

<{if $category.item.list[i].is_member_price}> 
  <p class="price original-price">通常価格￥<{$category.item.list[i].original_price|number_format}><span>（税込）</span></p>
<{/if}>
<p class="price<{if $category.item.list[i].is_member_price}> member-price<{/if}>"><{if $category.item.list[i].is_member_price}>会員価格：<{/if}>￥<{$category.item.list[i].price|number_format}><span>（税込）</span></p>

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通「CSS」に追記してください。

.item-list .price span{
  font-size:80%;
}
.item-list .member-price{
  color:#f00;
}

＜商品詳細ページ＞

商品詳細ページでは以下の変数タグを使用して2つの価格のHTMLを併記してください。

【価格】

【真偽値】

＜条件分岐の記述例＞

<{if $item.is_member_price}> 
    会員グループ別価格が設定されていれば表示 
<{else}> 
    会員グループ別価格が設定されていなければ表示 
<{/if}> 

<{else}> は省略が可能です。

【Complete】の商品詳細ページ

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

＜初期値＞

<{if $item.is_member_price}><p class="member-original-price">通常価格<span>￥<{$item.original_price|number_format}></span>（税込）</p><{/if}>
<p class="item-price">￥<{$item.price_html}><span class="item-tax">（税込）</span></p>

テンプレート【Comppete】では、「会員グループ別価格が設定されていれば、ログイン後に通常価格と会員グループ別価格を表示する」というHTMLが記述されています。

＜変更例＞

HTML：会員グループ別価格が設定されていれば、「会員価格：」と表示する
CSS：会員グループ別価格のテキスト色を赤にする

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細 「HTML」を変更してください。

<{if $item.is_member_price}><p class="member-original-price">通常価格<span>￥<{$item.original_price|number_format}></span>（税込）</p><{/if}>
<p class="item-price<{if $item.is_member_price}> member-price<{/if}>"><{if $item.is_member_price}>会員価格：<{/if}>￥<{$item.price_html}><span class="item-tax">（税込）</span></p>

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細「CSS」に追記してください。

.item-price-wrap .member-price,
.item-price-wrap .item-tax{
  color:#f00;
}

ログイン前に価格を非表示にする場合は、「ログインしているかどうか」の条件文を記述してください。
「ログインしているかどうか」かつ「会員グループ別価格が設定されているか」の条件は、以下のように条件分岐を組み合わせた記述で判定が可能です。

<{if $member.is_logged_in}> 
    <{if $〇〇〇.list[i].is_member_price}> 
       ログインし、会員グループ別価格が設定されていれば表示 
    <{else}> 
       ログインし、会員グループ別価格が設定されていなければ表示 
    <{/if}> 
<{else}> 
    ログインしていなければ表示 
<{/if}>

・<{else}> は省略が可能です。
・割引（セール）価格と、会員グループ別価格の併記はできません。
・税込み・税抜の価格の書き方については関連記事を参照してください。

＜関連記事＞
【クリエイターモード】ログイン前は価格を非表示にし、ログイン後に表示させることはできますか。
【クリエイターモード】税抜価格を表示させる方法を教えてください。
【クリエイターモード】税抜と税込の価格を表示させたい。書き方を教えてください。
【クリエイターモード】割引前と割引後の価格を表示させたい。書き方を教えてください。