外部HTMLファイル 説明(ショッピングカートに商品を入れる)
戻る
利用機能
http://www.cgis.biz/script_web_cart/sample/web_cart/img.php?path=.%2Fitem_img%2F10_0.jpg&scale=80
記述方法
- 以下の内容でフォームを作成します。
-
<form method="post" action="[cart.phpへのパス]">
<img src="[img.phpへのパス]?path=[商品イメージへのパス]&scale=[イメージ表示サイズ]" border="0">
サイズ:
<select name="i_opa_value">
<option value="[商品オプション値]">[商品オプション表示]</option>
<option value="[商品オプション値]">[商品オプション表示]</option>
<option value="[商品オプション値]">[商品オプション表示]</option>
</select>
数量:
<select name="i_cnt">
<option value="[商品個数]">[商品個数表示]</option>
<option value="[商品個数]">[商品個数表示]</option>
<option value="[商品個数]">[商品個数表示]</option>
</select>
<input type="submit" value="カートに入れる">
<input type="hidden" name="cart_md" value="in">
<input type="hidden" name="i_num" value="[商品ID]">
</form>
- formタグのaction属性[view.phpへのパス]にはview.phpへのパスを記述。
- imgタグのsrc属性[img.phpへのパス]にはに img.php へのパスを記述。img.php はWebCartにもともと付属しています。
- img.phpのpathパラメータ[商品イメージへのパス]には、 img.php からみた商品イメージファイルへの相対パスをURLエンコードして記述。
- 商品イメージのファイル名は、商品ID+アンダーバー+0〜4の数字+拡張子といった構成になっています。0〜4の数字はアップロードした商品イメージの枚数によります。上記の場合商品ID 2 の 1 枚目のイメージが表示されます。
- img.phpのscaleパラメータ[イメージ表示サイズ]には、任意の半角数字を記述。上記の場合80pix角で表示されます。
- img.phpを利用しないで、単純にimgタグでイメージを表示してもOKです。
- i_opa_valueパラメータ[商品オプション値]は商品登録時、オプションAの値として入力した値を記述。(オプションBを設定している場合はi_opb_valueパラメータとして記述)
- 商品登録時、オプションを設定していない場合は、i_opa_value(i_opb_value)パラメータ(オプション選択肢)は記述しません。
- [商品オプション表示]は任意の文字列です。通常は[商品オプション値]と同じ。
- i_cntパラメータ[商品個数]は任意の半角数字を記述。
- [商品個数表示]は任意の文字列です。通常は[商品個数]と同じ。
- i_numパラメータには任意の商品No.を記述。
- 文字コードはEUC-JPで記述してください。
実際のフォーム設置例
HTMLソース例
-
<form method="post" action="../sample/web_cart/cart.php">
<img src="../sample/web_cart/img.php?path=./item_img/2_0.jpg&scale=80" border="0">
サイズ:
<select name="i_opa_value">
<option value="#7">#7</option>
<option value="#8">#8</option>
<option value="#9">#9</option>
</select>
数量:
<select name="i_cnt">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" value="カートに入れる">
<input type="hidden" name="cart_md" value="in">
<input type="hidden" name="i_num" value="2">
</form>