カラーミーショップでECサイトを運営している場合、在庫が0の商品を非表示にすれば購入できないようになります。
ですが一時的な在庫切れなので、商品を非表示にせず表示させたい場合もあります。
そんな時、商品は表示したいけど購入できないようにしたいですよね。
なぜかクライアントのサイトは在庫0で商品表示させると購入画面まで進んでしまいました。。orz
購入画面で在庫切れ表示はでますが、あまり良い仕様ではないので在庫0の場合は購入ボタンを表示させないようにしたいと思います。
さらに、「SOLD OUT」の文字も表示したらユーザーにやさしいですね。
商品詳細テンプレートのhtmlを変更します。
「カートに入れる」や「購入はこちら」などのボタン表示している箇所にif文を追加します。
<!-- 売切れ時は SOLD OUT と表示する -->
<{if $product.soldout_flg == true}>
<p style="font-weight: bold;color: #fff;background: #ff0000;padding: 3px 5px;width: 70px;text-align: center;">SOLD OUT</p>
<{/if}>
<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない -->
<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<input type="image" src="ボタンイメージファイルを指定" alt="カートに入れる" width="200" height="40" />
<{$product.info}><{/if}>
ボタンを表示させなければ購入画面に遷移できなくなります。