カートレンタルプラン用マニュアル
トップページ カートの設置 > 商品タグを利用する

商品タグを設置していきましょう。

商品管理 → 商品一覧・登録 にアクセスし

「検索一覧」をクリックして下さい。ご登録いただいた商品が一覧で表示されます。

商品一覧の右端の欄に各種アイコンが表示されておりますので、 ショッピングカートにリンクさせたい商品の「HTML」のアイコンをクリックして下さい。以下の画面が別ウィンドウで表示されます。

商品タグの<form> 〜 </form> (太字の部分)までをコピーし、商品ページに貼り付けて下さい。

<td align="center" valign="middle"><span class="style5">苺タルト</span>
<span class="style6">素材からこだわった当店の人気商品です!
</span>
<form name="postForm" method="post" action="http://●○◎◎○●.open365.jp/Default.aspx?ShowPage=Cart">
<div>商品ID:1<input type="hidden" name="ProductId" value="1"></div>
<div>
<input type="hidden" name="ProductVariationId" value="1">
</div>
<div>個数:<input type="text" name="Count" value="1"></div>
<div><input type="submit" value="購入する"></div>
</form>

</td>
</tr>

上記HTMLタグを貼り付けていただくと、下記のような表示になります。参考までにご覧下さい。

ここまで終えられたら、動作確認をして作業終了です。
商品ページ よりカートを動作させ、カートに商品が入るかどうかを確認しましょう。

カートに入れば設定完了です。あとはお客様でページレイアウト等の変更をご自由に行ってください。

商品画像の表示

OneStyle管理画面で管理し登録した商品画像を、商品ページに表示させることも可能です。

そのままコピーし、画像を表示させたいページに貼り付けると、商品画像が表示されます。

<tr>
<td align="center"><img src="http://●○◎◎○●.open365.jp/Images/Product/0001/01.jpg"></td>
<td align="center" valign="middle"><span class="style5">苺タルト</span>
<span class="style6">素材からこだわった当店の人気商品です!
</span>



「カートの中身を見る」リンク追加

ショップに「カートの中身を見る」リンクをつけたい時は、下記のURLへリンクさせてください。
http://ショップID.open365.jp/Default.aspx?ShowPage=Cart


次は → 発送の準備

↑ このページの上部へ

OneStyle My Shop Copyright (c) Firstserver, Inc. All Rights Reserved.