カートボタンHTMLタグを利用する時の、数量選択の見せ方を変更したいです。

コマースクリエイター未利用店舗様専用の記事です

出力されたHTMLを修正する

管理画面から出力した下記のようなカートのHTMLタグを修正することで、様々な見せ方をすることが可能です。

<form action="http://独自ドメイン/fs/店舗KEY/ToCart.html" method="post">
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt" type="text" value="1" size="5"></td>
<td><input type="submit" value="カートへ"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="1">
</form>

▼標準のカートボタンの見え方

mceclip0.png

 

数量をプルダウンに変更する

出力された下記のタグを編集します

<input name="cnt" type="text" value="1" size="5">

↓  ↓  ↓

<select name="cnt">
<option value="1" selected>1</option> /* ←初期値は「selected」を入れておく */
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

 

▼数量をプルダウンにした時の見え方

mceclip1.png

 

数量を1個限定にしてカートボタンのみにする

出力された下記のタグを編集します

<input name="cnt" type="text" value="1" size="5">

↓  ↓  ↓

<input name="cnt" type="hidden" value="1" >

 

▼数量を1個に限定してカートボタンのみにした時の見え方

mceclip3.png

※商品ページ上で1個しかカート投入できないようにした場合であっても、カート画面では数量の変更ができます。
 注文1回あたりの購入個数を制限したい場合は、当該商品の商品基本情報編集画面内、「購入個数制限」もご設定ください。

この記事は役に立ちましたか?