【クリエイターモード】テンプレート&moreで、トップページなどの商品リストに定価を表示させる方法を教えてください。 – makeshop よくある質問

トップページ、カテゴリーページなどの商品リストに定価のHTMLを追記してください。

■makeshopサポート
クリエイターモードで「定価（希望小売価格）」を表示する方法
https://www.support.makeshop.jp/design/?p=20926

↑こちらのぺージの「【2】トップページ（新商品、おすすめ商品など）、カテゴリーページ、商品検索結果ページに表示する」を参照してください。

＜追記例＞

<{if $●●●.list[i].fixed_price}>
   <span class="item-list-fixed-price">定価：￥<{$●●●.list[i].fixed_price|number_format}><span class="tax">(税込)</span></span>
<{/if}>

●●●にはその商品リストの変数タグを記述してください。
「定価：」はお好きな文言に編集してください。

＜例＞
トップページの新商品（NewArrival）の場合

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

「ページコンテンツ(new_arrival)」モジュールID：$module.new_arrival

に、販売価格のソースの記述が2か所あります。

<{$new_item.list[i].price|number_format}>

と検索して表示される、

<span class="product-item-price sale-price-color"><span class="annotation">￥</span><{$new_item.list[i].price|number_format}><span class="annotation">(税込)</span></span>

と、

<span class="product-item-price"><span class="annotation">￥</span><{$new_item.list[i].price|number_format}><span class="annotation">(税込)</span></span>

この2か所の記述の前に以下を追記し保存してください。
＜追記例＞

<{if $new_item.list[i].fixed_price}>
<p><span class="item-list-fixed-price">定価：￥<{$new_item.list[i].fixed_price|number_format}><span class="annotation">(税込)</span></span></p>
<{/if}>

ほかの商品リストについても同様に（変数タグは揃えて）記述し保存してください。

打消し線を入れたい場合は、

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

＜追記例＞

.item-list-fixed-price {
   text-decoration:line-through;
   font-size:90%;
}
.item-list-fixed-price .annotation{
   text-decoration:line-through;
}

CSSは管理しやすい位置か、わからない場合は末尾に追記してください。
ほかの商品リストについても同様に（変数タグは揃えて）記述し保存してください。

関連記事