商品個別ページの作成（sample02.html)

サンプル02（sample02.html)を参考に、フォームタグを使用ページの作成方法です。

カートに入れるボタンが在庫数が０になるとSOLDOUT画像になります。

（１）商品ナンバータグを入れる。

商品ナンバーが0001で登録してある場合。

<input type="hidden" value="0001" name="number"/>

（２）購入数を選択できるselectタグを入れる。

商品選択のselectタグを入れた後、購入数が選択できるselectタグを入れます。

<p>購入数：
<select name="count"><!--商品個数-->
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</p>

購入数のselectのname部分にはcountと入力します。

（３）フォームタグを入れる

商品numberのhiddenタグより上にフォームタグを入れます。

actionのURLは絶対参照で入力することようにします。（olivecartの前に各ショップのURLを入力）

<form action="http://www.cart-ya.com/OliveCartBasic/olivecart/cart/cart.php" method="post" target="cart">

カートにいれるボタン部分、フォームの閉じタグ

インプットタグの後にフォームタグの閉じタグを入れます。

cartボタンのイメージURL(http://www.cart-ya.com/OliveCartBasic/olivecart/button.php?number=0001)を絶対参照で入力すること

カートボタンbutton.php?number=に商品番号を指定することで在庫が０になるとカートに入れるボタン画像をSOLDOUT画像にすることができます。

下の例は商品番号が0001の場合

<input onclick="window.open (’about:blank’,’cart’,’resizable=no,directories=yes, menubar=no,location=yes,status=yes,toolbar=yes,scrollbars=yes, width=600,height=500’,false);" height="32" width="135" src="http://www.cart-ya.com/OliveCartBasic/olivecart/button.php?number=0001" alt="カートへ入れる" type="image"/>

</form>

Cart屋.comの更新情報などをお届けするメールマガジン。ぜひご登録ください！