セール品の値下げを表現する

商品一覧および商品詳細について

・セールフラグによる、セール中であることを表現するサンプルスクリプト

・セール前価格を表示し、値下げを強調するサンプルスクリプト

をご紹介します。

設置後イメージ

• • 商品一覧に「セール告知」と「セール前価格」が表示されます。

  • 商品詳細に「セール告知」と「セール前価格」が表示されます。

トップページ 商品一覧

商品詳細

※本スクリプトは、SKU管理をしている商品、SKU管理をしていない商品、どちらにも適用されますが、

価格はSKUのうち１つの価格のみ反映されることにご注意ください

設置手順

以下に従って作業を進めてください

トップページにセール告知とセール前価格を表示する

店舗管理メニュー＞デザイン設定＞テンプレート編集＞トップを選択し、テンプレートを編集してください。

以下の青字部分を追加してください。

（※以下は初期のテンプレートを想定しています。変更があった部分につきましては読み替えをお願いします。）

<!-- 1商品ずつの定義 -->

<div class="goodslist_box">

<table border="0" width="550"><tr valign="top">

<td width="110" align="center"><div class="thumbnail"><a href="<{$goodslist[key].url}>"><{if $goodslist[key].thumbnail}><img src="<{$goodslist[key].thumbnail}>"><{else}><img src="/tpl_img/proto_ja/nopic100.gif"><{/if}></a></div></td>

<td>

<a href="<{$goodslist[key].url}>"><{$goodslist[key].name}><{if $goodslist[key].num != ''}>(<{$goodslist[key].num}>)<{/if}></a><{if $goodslist[key].embargo}>&nbsp;*国外配送不可<{/if}><br>

<{$goodslist[key].price}>&nbsp;<{$tsuka_tani}>(日本国内価格)/<{$goodslist[key].price2}>&nbsp;<{$tsuka_tani}>(日本国外価格)<br>

<!-- セール -->

<{if $goodslist[key].goods_sale_flag == "1"}>

この商品はセール中です<br>

セール前価格&nbsp;&nbsp;

<span id="<{$goodslist[key].sku_goods_key}>_sale_base_price"><{$goodslist[key].goods_sale_base_price}></span>&nbsp;<{$tsuka_tani}>(国内価格)/

<span id="<{$goodslist[key].sku_goods_key}>_sale_base_price2"><{$goodslist[key].goods_sale_base_price2}></span>&nbsp;<{$tsuka_tani}>(国外価格)<br>

<br>

<{/if}>

<!--// セール -->

<{$goodslist[key].setsumei|mb_truncate:50}>

<!-- カートボタンフォーム -->

商品詳細ページにセール告知とセール前価格を表示する

店舗管理メニュー＞デザイン設定＞テンプレート編集＞商品詳細を選択し、テンプレートを編集してください。

以下の青字部分を追加してください。

（※以下は初期のテンプレートを想定しています。変更があった部分につきましては読み替えをお願いします。）

<table align="center" width="100%"><tr valign=top>

<td width="45%"><{$goods.setsumei}></td>

<td width="5%"><br></td>

<td width="50%">

<table class="tbl" cellspacing="1" width="100%">

<tr><td class="cell_t">商品番号</td><td class="cell_d"><{$goods.num}><br></td></tr>

<tr><td class="cell_t">商品名</td><td class="cell_d"><{$goods.name}></td></tr>

<tr><td class="cell_t">日本国内価格</td><td class="cell_d"><b><{$goods.price}>&nbsp;<{$tsuka_tani}></b></td></tr>

<tr><td class="cell_t">日本国外価格</td><td class="cell_d"><b><{$goods.price2}>&nbsp;<{$tsuka_tani}></b></td></tr>

<!-- セール -->

<{if $goods.goods_sale_flag == "1"}>

<tr>

<td class="cell_d" colspan="2">この商品はセール中です</td>

</tr>

<tr>

<td class="cell_t">セール前 国内価格</td>

<td class="cell_d"><span id="<{$goods.sku_goods_key}>_sale_base_price"><{$goods.goods_sale_base_price}></span>&nbsp;<{$tsuka_tani}><br></td>

</tr>

<tr>

<td class="cell_t">セール前 国外価格</td>

<td class="cell_d"><span id="<{$goods.sku_goods_key}>_sale_base_price2"><{$goods.goods_sale_base_price2}></span>&nbsp;<{$tsuka_tani}><br></td>

</tr>

<{/if}>

<!--// セール -->

</table>

作業後に、設置後イメージが実現できているかご確認ください。