【クリエイターモード】テンプレート&moreで、「ただいま〇〇%OFFのSALE中です」ではなく、販売価格を表示させることはできますか。

テンプレート【&more】では、

・バリエーションが設定されている
・バリエーションの表示形式が「項目ごとに買い物かごを表示する」に設定されている
・割引が設定されている

上記の条件を満たしている商品の場合、「ただいま〇〇%OFFのSALE中です」と表示されるようにデザインされています。
割引後の販売価格はバリエーションの項目ごとに表示されます。

HTMLの記述を変更することで、バリエーションの設定されていない商品と同じように、販売価格を表示させることは可能です。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細
「HTML」欄内に一度カーソルを置いた状態で、キーボードのCtrlとFキーを同時に押し表示される検索窓に

sku-price-true

と入力（コピー＆ペースト）しキーボードのEnterキーを押して以下の記述を探してください。

<div class="sku-price-true">
	<!-- sku別購入で個別価格設定があり、セール中の場合に表示 -->
	<div>ただいま<span class="sale-price-color"><{$item.sale_rate}>%OFFのSALE中</span>です</div>
</div>

上記が「ただいま〇〇%OFFのSALE中です」を表示するHTMLです。
この記述を販売価格を表示するHTMLに変更し、保存してください。

＜変更後＞

<div class="sku-price-true">
	<div class="sale-price">
		<span class="sale-discount item-sale-discount accent-color"><{$item.sale_rate}>%OFF</span>
		<span class="item-price sale-price-color"><h3>￥<{$item.price_html}><span class="tax">税込</span></h3></span>
	</div>
</div> 

割引前の価格を併記する場合は、割引前の価格のHTMLを追記し保存してください。

＜追記例＞

<span class="original-price">￥<{$item.original_price|number_format}>円</span>

割引率の前の位置に表示させたい場合

<div class="sku-price-true">
        <span class="original-price">￥<{$item.original_price|number_format}>円</span>
	<div class="sale-price">
		<span class="sale-discount item-sale-discount accent-color"><{$item.sale_rate}>%OFF</span>
		<span class="item-price sale-price-color"><h3>￥<{$item.price_html}><span class="tax">税込</span></h3></span>
	</div>
</div> 

割引前の販売価格に打消し線をつける場合は、打消し線を指定するCSSを同じ画面の「CSS」欄に追記し保存してください。

.original-price{
  text-decoration:line-through;
}

＜関連記事＞
【クリエイターモード】割引前と割引後の価格を表示させたい。書き方を教えてください。

販売価格のみ表示させることができます。
バリエーションの価格に幅がある場合に「●●円～●●円」のように表示させることはできません。

＜関連記事＞
【クリエイターモード】価格に幅がある場合に「〇〇円～」と表示させることはできますか。