携帯カート【モビカライト】−商品タグの貼り付け方■ 基本
- 下記の買い物かごタグを注文ページに貼り付けます。<form method="post" action="https://fibertrip.com/cgi-bin/ログイン名/mbLt_ログイン名.cgi">
商品名 価格<input type="text" name="商品名&&&価格" size="3" maxlength="4" istyle="4" mode="numeric">個
<input type="hidden" name="submit" value="buy"><input type="submit" name="btn" value="注文する">
</form> - 実際に貼り付けるとこうなります。
-
<form 〜 >から</form>までの間に商品タグを追加します。<form method="post" action="https://fibertrip.com/cgi-bin/ログイン名/mbLt_ログイン名.cgi">
<hr>
陸奥りんご1kg 1,500円<input type="text" name="陸奥りんご1kg&&&1500" size="3" maxlength="4" istyle="4" mode="numeric">個
<hr>
北斗りんご1kg 900円<input type="text" name="北斗りんご1kg&&&900" size="3" maxlength="4" istyle="4" mode="numeric">個
<hr>
津軽りんご1kg 600円<input type="text" name="津軽りんご1kg&&&600" size="3" maxlength="4" istyle="4" mode="numeric">個
<hr>
</form> - 実際に貼り付けるとこうなります。
■ 編集
ページサイズを考えながら、編集します。
- 下記の例では、簡単な説明を添えて、サムネイル画像を表示しています。
<form method="post" action="https://fibertrip.com/cgi-bin/ログイン名/mbLt_ログイン名.cgi">
<hr>
陸奥りんご<img src="http://fibertrip.com/cgi-bin/imgcvn2.cgi?submit=min&url=http://fibertrip.com/bin/mobi/apl_mutsu.jpg" alt="むつ"><br>
やや酸味が強く、大玉で独特の芳香を持っています。<br>
<div align="right">1,500円/1kg x <input type="text" name="陸奥りんご1kg&&&1500" size="3" maxlength="4" istyle="4" mode="numeric">個</div>
<hr>
北斗りんご<img src="http://fibertrip.com/cgi-bin/imgcvn2.cgi?submit=min&url=http://fibertrip.com/bin/mobi/apl_hokuto.jpg" alt="北斗"><br>
酸味と甘みのバランスがとれたおいしい林檎です。<br>
<div align="right">900円/1kg x <input type="text" name="北斗りんご1kg&&&900" size="3" maxlength="4" istyle="4" mode="numeric">個</div>
<hr>
津軽りんご<img src="http://fibertrip.com/cgi-bin/imgcvn2.cgi?submit=min&url=http://fibertrip.com/bin/mobi/apl_tsugaru.jpg" alt="津軽"><br>
甘みが強く、シャキっとした歯触りでもぎたては最高に美味しいです。<br>
<div align="right">600円/1kg x <input type="text" name="津軽りんご1kg&&&600" size="3" maxlength="4" istyle="4" mode="numeric">個</div>
<hr>
</form> - 実際に貼り付けるとこうなります。
ここから例えば詳細ページに飛ばすような場合には、数量を入力した後に詳細ページに移動し、再び戻ってきたときに入力した数値が消えてしまいます。
逆に、個々の商品を紹介した後に、注文ページに誘導するような形をとったほうが良いかもしれません。画像をサムネイル表示したいときは、
<img src="http://fibertrip.com/cgi-bin/imgcvn2.cgi?submit=min&url=画像のURLをhttpから" alt="画像のタイトル">
を貼り付けます。
「画像のURLをhttpから」と「画像のタイトル」を適宜ご変更ください。
モビカライトデモをご参照ください。
ショップ様サイトがphpが使える環境にあれば、phpを使用して、選んだ商品を1ページに集めて一括してカートに入れるようにすることも可能です。
携帯サイトもショップさまで自由に作成できますし、複数ページから注文することも可能になります。ご自身でphpを組む場合は、「<form method="post" action="https://fibertrip.com/cgi-bin/ログイン名/mbLt_ログイン名.cgi">」から「<input type="hidden" name="submit" value="buy"><input type="submit" value="注文する"></form>」までの間に注文商品の情報「商品名 価格<input type="text" name="商品名&&&価格" size="3" maxlength="4" istyle="4" mode="numeric">個」が入るようにしてください。
phpファイルのテンプレートをお使いになる場合は、右メニュー携帯カートの作成・編集等の『モビカライト用phpテンプレートファイルのダウンロード』からログインし、ダウンロードしてください。
phpテンプレートファイルは、カートの料金には含まれておりません。原則サポートの対象外となりますので、同梱のreadme.htmlを読みながら、自力で設定していただけますようお願いします。
