• No : 832
  • 公開日時 : 2017/10/21 17:59
  • 更新日時 : 2020/01/22 21:04
  • 印刷

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

回答

【注意:futureshopと別のドメインにてカートHTMLタグを利用される場合(2020/1/22追記)】

2020年2月にGoogle Chromeにおいて仕様変更があり、
futureshop側の設定変更を行わない場合、
ショッピングカートのデータがクリアされたり、
ログイン状態がログアウトされる場合があります。
詳細は下記の記事をご覧ください。

■虎の巻:Google ChromeのCookie 設定の変更に伴い、必要な対応はありますか?(SameSite)

出力された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>

 

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

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

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


<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>

 

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

数量

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

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


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

↓  ↓  ↓

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

 

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

 

※本HTMLを利用しても、カート画面では数量の変更ができます。ご注意ください。