今回は上記画像のように

カートに入れる前に購入個数を指定できるフォームを設置します。

上記箇所を下記のように

<form cms:id="item_cart_form">で囲い、

カートに入れるボタンを<a href="item_cart_link">カートに入れる</a>から<input type="submit" value="カートに入れる" />

に変更します。

<form cms:id="item_cart_form">
  <table>
    <tr>
      <th>商品名</th>
      <td cms:id="item_name">甘さ抜群のフルーツみたいなトマト</td>
    </tr>
    <tr>
      <th>商品コード</th>
      <td cms:id="item_code">red001</td>
    </tr>
    <tr>
      <th>販売価格（税込）</th>
      <td>1000円/100g</td>
    </tr>
    <tr>
      <th>購入個数</th>
      <td>
        <input type="text" name="count" value="1" size="3" />個
      </td>
    </tr>
  </table>
			
  <p class="cart_btn">
    <input type="submit" value="カートに入れる" />
  </p>
</form cms:id="item_cart_form">

カートに入れる商品個数を設定するテキストフォームの設置ですが、、

<form>タグで囲まれたところにname="count"を入れた

<input type="text" name="count" value="1" />

を追加してください。

Tweet