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

サンプル02（sample02.html)を参考に、Ajaxを使用したカートの中身が見えるページ、かつ現在の在庫が表示されるページの作成方法です。

お使いのサーバにGDライブラリーがインストールしてある場合に、使用することが可能です。

商品を複数の中からの選択(サイズや色などの選択）をすることはできません。

JavaScriptとカートの中身・ユーザーログインの設定

<!--カートphpのAjaxセット -->
<script type="text/javascript" src="http://www.cart-ya.com/olivecart/js/cart.js"></script>
<!--olivecartカートを設置したURL セット -->
<script type="text/javascript"> Url=’http://www.cart-ya.com/;</script>

各リンクURLは絶対参照で入力します。

（２）次のbodyタグにJavaScriptをよみこむ次の要素を入れます。

<div id="maincart"></div>部分のデザインはOliveCartのテンプレートを変更します。Cartフォルダの中のstep01.htmlファイルです。（CSSファイルはCartフォルダの中のCSSフォルダの中です。）

id名は変えずに"maincart"と入れてください。

<body onLoad="Onload()">

（３）サイドバーに表示されているカートの中身の表示部分のタグを入れます。

<div id="maincart"></div>

（４）サイドバーに表示されているユーザーログイン表示部分のタグを入れます。

商品選択部分、カートのボタン

ページに貼り付ける「カートに入れる」ボタンのタグは、カートの管理ページ、(設置したURL)/olivecart/admin/index.php にアクセスして商品管理、登録一覧の商品のソースからも作成できます。在庫管理機能を使用する場合は、在庫管理タイプボタンから、タグをコピーしてご使用ください。

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