..


スポンサーリンク

SimpleCartとショッピングカート

によって書かれた記事ジョンBelelli
ページ1の4

特に多くのウェブサイト、もの、そしてもちろんの電子商取引だけでなく、他では、直接オンラインで製品を購入することができます。
この記事では、ライブラリを使用して簡単なショッピングカート作成できる方法を紹介しますSimpleCart(JS)を
このライブラリはオープンソースであり、JavaScriptのみを利用して、もっぱらクッキーの上に物を置かないカートに選択された項目を格納するために、任意のサーバーサイドの言語でもデータベースを実行する必要はありません。

円SimpleCart(JS)

ライブラリの使用は非常にシンプルで、非常に少数のパラメータと適切なHTMLマークアップとは良好な仮想ショッピングカートを得ることができます ライブラリはまた、などのクレジットカードでお支払いの最も重要なメソッドには二つのネイティブサポートを提供してPayPalのGoogle Checkoutを 。 様々な機能のうち、SimpleCartは、通貨(ユーロ、ドル、など)、VAT(税率)と出荷をカスタマイズすることができます。

コンフィギュレーション

今我々は、ショッピングカートを開発する方法を見てみましょう。
まず、当社のウェブページ内のライブラリSimpleCartを含める必要があります。

 



全トラックsrc="simpleCart.js"> </ SCRIPT>

 
その後、私たちのような私達の構成パラメータを、設定できます。





 <script type="text/javascript">







 simpleCart.checkoutTo = C / /支払方法







 simpleCart.email ="tuaemail@tuosito.it"/ / PayPalメール









 simpleCart.currency使用する= EUR / /通貨







 / /税; = 0.20をsimpleCart.taxRate







 simpleCart.shippingFlatRate = 10.00; / /発送費









 simpleCart.cartHeadersは= ["名前"、"サイズ"、"価格"、"デクリメント"、"数量"、"増分"、"削除"、"合計"];







 </ SCRIPT>



上の例で見たパラメータを使用して、私たちの特定のニーズに合うようにカートをカスタマイズすることができます。

我々は含まれている最初のパラメータは、支払いの方法です:それがデフォルトになっているため、現実にそれは必要ではなかったが、PayPalは、我々は、設定する。 さらに、あなたはまたPayPal、Google Checkoutを選択できますが、この場合に期待されていないのではなく、アカウントIDの電子メールアドレスを含める:






 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId ="111111111111111";



それでも例を超えずに、我々は通貨としてのユーロと20%の税金を(私たちの国で現在の付加価値を象徴する)を使用して置く。
別のパラメータセットは、SimpleCartは輸送費の3種類の間で異なる可能性があるこの点で送料は次のとおりです。






 simpleCart.shippingFlatRate = 10.00; / /量全体の順序のためには、







 simpleCart.shippingQuantityRate = 3.00、製品ごとに/ /金額







 = 0.05、/ /金額の総コストに占める割合をsimpleCart.shippingTotalRate



最後のパラメータは、しかし、私たちのサンプルコードでcartHeaders、またはあなたがトロリーのリストをカスタマイズすることができます(ユーザーが選択した製品の、総費用、等)配列が含まれています。
我々の例では、名前、サイズ、価格、数量などを表示することを選択しました。

同じカテゴリの...
E -ラーニング
CSS(コース) CSS(コース)
W3C CSSやXHTMLに応じてWebデザインとアクセシビリティ。 29€から開始。
HTML(コース) HTML(コース)
29€からWeb用のマークアップ言語。
ジャバスクリプト(コース) ジャバスクリプト(コース)
クライアントサイドスクリプトへのガイドを完了します。 39€から。
スポンサーリンク