WIKI使用導(dǎo)航
站長(zhǎng)百科導(dǎo)航
站長(zhǎng)專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機(jī)
- cPanel
- 網(wǎng)址導(dǎo)航專題
- 云計(jì)算
- 微博營(yíng)銷
- 虛擬主機(jī)管理系統(tǒng)
- 開放平臺(tái)
- WIKI程序與應(yīng)用
- 美國(guó)十大主機(jī)
SimpleCart(js)/安裝
SimpleCart(js)安裝[ ]
下載安裝文件并將文件simpleCart.js 上傳至網(wǎng)站的根目錄，并且利用下面代碼將它附加到任何需要使用到它的網(wǎng)頁(yè)上
<SCRIPT type=text/javascript src="simpleCart.js"></SCRIPT>
此時(shí)默認(rèn)支付系統(tǒng)是PayPal，所以如果你有PayPal賬號(hào)的話，你需要設(shè)置你的賬號(hào)郵件地址：
<SCRIPT type=text/javascript> simpleCart.email = "you@yours.com"; </SCRIPT>
SimpleCart(js)使用[ ]
常用操作[ ]
添加商品至購(gòu)物車?yán)锏呢浖?/b>
<DIV class=simpleCart_shelfItem sizcache="1" sizset="9"> <H2 class=item_name>Awesome T-Shirt</H2> <SPAN class=item_price>$35.95</SPAN> <INPUT class=item_quantity value=1> <A class=item_add href="javascript:;" jQuery1313806073171="6">Add to Cart</A> </DIV>
或者使用下面代碼：
<A onclick="simpleCart.add( 'name=Awesome t-shirt' , 'price=35.95' , 'quantity=1' );" href="javascript:;" jQuery1313806073171="8">Add To Cart</A>
購(gòu)物車鏈接和購(gòu)物車摘要信息的設(shè)置：
如果你想在頁(yè)面的任何地方顯示關(guān)于購(gòu)物車的信息，只需要新建一些標(biāo)簽，如div、span、a、h2等等；顯示購(gòu)物車?yán)锩嫔唐返臄?shù)目用simpleCart_quantity,顯示貨架的數(shù)目用simpleCart_total，添加結(jié)算以及清空購(gòu)物車的鏈接可以用simpleCart_checkout和simpleCart_empty,具體代碼如下：
<SPAN class=simpleCart_quantity></SPAN> <DIV class=simpleCart_total></DIV> <A class=simpleCart_checkout href="javascript:;" jQuery1313806073171="9">Checkout</A> <A class=simpleCart_empty href="javascript:;" jQuery1313806073171="10">Empty</A>
如果你想顯示購(gòu)物車的全部信息則可使用下面代碼：
<DIV class=simpleCart_items></DIV>
其他功能的設(shè)置[ ]
<SCRIPT type=text/javascript> //在這里添加所有的配置選項(xiàng)信息 </SCRIPT>
結(jié)算方式設(shè)置:
設(shè)置你的郵箱地址，如果你使用PayPal這種支付方式的話：
simpleCart.email = "brett@wojodesign.com";
如果你想確保購(gòu)物車會(huì)結(jié)算到PayPal，則用下面代碼設(shè)置：
simpleCart.checkoutTo = PayPal; simpleCart.email = "brett@wojodesign.com";
如果你想使用GoogleCheckout這種支付方式，那么不再需要設(shè)置郵箱，只需要你的GoogleCheckout Merchant ID：
simpleCart.checkoutTo = GoogleCheckout; simpleCart.merchantId = "111111111111111";
貨幣設(shè)置：
系統(tǒng)默認(rèn)的貨幣是USD（US dollars），如果你想更改的話，可以：
simpleCart.currency = GBP;
GoogleCheckout目前只支持GBP（英鎊）和USD的的結(jié)算，PayPal可以支持多種貨幣，用戶可以在網(wǎng)上搜索了解。更改貨幣選項(xiàng)，不僅僅對(duì)支付方式有影響，還會(huì)改變到網(wǎng)頁(yè)上顯示的價(jià)格單位符號(hào)。
稅率設(shè)置： 如果你想設(shè)置稅率的話，可以使用代碼：
simpleCart.taxRate = 0.07;
如果你想在訂單上顯示你所設(shè)置的稅率，可以：
<DIV class=simpleCart_taxRate></DIV> <DIV class=simpleCart_taxCost></DIV>
其中，任何含有simpleCart_taxRate這一類的元素將會(huì)以百分比的方式顯示稅率，而如果含有simpleCart_taxCost類的話，則顯示稅后的金額。
運(yùn)送方式的設(shè)置：
向購(gòu)物車添加運(yùn)輸費(fèi)用的方式有多種
第一種，你可以為你的購(gòu)物車設(shè)置一些基本的運(yùn)費(fèi)計(jì)算：
simpleCart.shippingFlatRate = 10.00; //為整個(gè)購(gòu)物車添加基本的運(yùn)輸價(jià)格 simpleCart.shippingQuantityRate = 3.00; //為購(gòu)物車?yán)锩恳患唐诽砑舆\(yùn)輸價(jià)格 simpleCart.shippingTotalRate = 0.05; //添加運(yùn)費(fèi)占全部金額的百分比
這三個(gè)設(shè)置可以混合使用，都將會(huì)對(duì)最后的金額產(chǎn)生影響。
第二種，SimpleCart(js)允許你為某個(gè)商品建立一個(gè)運(yùn)費(fèi)區(qū)域，在這區(qū)域里，你可以為其添加運(yùn)費(fèi)信息。如果你使用的是貨架的話，你可以為商品添加一個(gè)隱藏的區(qū)域：
<DIV class=simpleCart_ShelfItem sizcache="1" sizset="17">
<H2 class=item_name>T-shirt</H2>
<SPAN class=item_price>$15.00</SPAN>
<INPUT class=item_quantity value=1>
<INPUT class=item_shipping value=5.00 type=hidden>
<A class=item_add href="javascript:;" jQuery1313812013546="14">add to cart</A>
或者使用add函數(shù)向購(gòu)物車添加：
onclick="simpleCart.add('name=T-shirt','price=15.00','quantity=1','shipping=5.00');"
第三種，如果你需要運(yùn)費(fèi)的一些高級(jí)計(jì)算功能的話，可以使用CartItems原型對(duì)象：
CartItem.prototype.shipping=function(){
// we are using a 'size' field to calculate the shipping,
// so we first make sure the item has a size
if(this.size){
if( this.size == 'small' ){
return this.quantity*5.00;
}
else if( this.size == 'large') {
return this.quantity*7.50;
}
else {
return this.quantity*10.00;
}
}
else {
// use a default of $2.00 per item if there is no 'size' field
return this.quantity*2.00;
}
}
這里的this指的是item商品，而且使用參數(shù)'size'和'quantity'的乘積作為運(yùn)費(fèi)。因?yàn)椴⒉皇敲恳患唐范加写笮∵@個(gè)參數(shù)，而且參數(shù)值不唯一，所以會(huì)先判斷，如果一個(gè)商品沒有size這一屬性的話，則使用默認(rèn)的值與quantity相乘。然后將運(yùn)費(fèi)添加至購(gòu)物車?yán)锏拿恳患唐芳纯伞?
但是請(qǐng)注意，第二種方法的設(shè)置會(huì)覆蓋這一函數(shù)的設(shè)置。
購(gòu)物車格式設(shè)置[ ]
顯示購(gòu)物車信息：
<SPAN class=simpleCart_quantity></SPAN>
<SPAN class=simpleCart_taxRate></SPAN>
//以百分比顯示( ie 7% )
<SPAN class=simpleCart_taxCost span < sizcache="1" sizset="19">
//顯示稅后的金額
<SPAN class=simpleCart_finalTotal></SPAN>
//稅后并且添加運(yùn)費(fèi)的金額
顯示購(gòu)物車?yán)锏纳唐沸畔ⅲ?/b>
<DIV class=simpleCart_items></DIV> //在頁(yè)面顯示購(gòu)物車的全部信息
如果你想設(shè)置購(gòu)物車信息顯示的格式的話，可以在配置腳本里，<SCRIPT type=text/javascript>//在這里添加所有的配置選項(xiàng)信息</SCRIPT> 添加下面代碼：
simpleCart.cartHeaders = [ "Name" , "Price" , "Quantity" , "Total" ]; simpleCart.cartHeaders = [ "Name", "Price", "Quantity_input" , "Total" ]; //商品的數(shù)量quantity以文本框的形式顯示，使購(gòu)買者可以手動(dòng)輸入修改 simpleCart.cartHeaders = ["Name" , "Price" , "decrement" , "Quantity" , "increment" , "Total" ]; //在數(shù)量的左右添加'-'和'+'按鈕，方便數(shù)量值的修改 simpleCart.cartHeaders = ["Name", "Price", "decrement" , "Quantity" , "increment" , "Remove", "Total" ]; //添加了一個(gè)刪除remove按鈕，用戶可以點(diǎn)擊刪除商品 simpleCart.cartHeaders = ["Name", "Price", "decrement_noHeader" , "Quantity" , "increment_noHeader" , "Remove_noHeader", "Total" ]; // 為某一列隱藏這一頭部信息 simpleCart.cartHeaders = ["Image" , "Name" , "Price" , "decrement" , "Quantity" , "increment" , "Total" ]; //如果商品有圖片展示的話，可以添加'Image'這一項(xiàng) simpleCart.cartHeaders = ["Thumb_image" , "Name" , "Price" , "decrement" , "Quantity" , "increment" , "Total" ]; //商品的圖片顯示為縮略圖
修改購(gòu)物車的樣式表：
<DIV class=simpleCart_items sizcache="1" sizset="22"><DIV class=cartHeaders><DIV class=itemName>Name</DIV> <DIV class=itemSize>Size</DIV> <DIV class=itemPrice>Price</DIV><DIV class=itemQuantity>Quantity</DIV> <DIV class=itemTotal>Total</DIV></DIV><DIV class=itemContainer sizcache="1" sizset="22"> <DIV class=itemName>Zebra</DIV><DIV class=itemSize>Small</DIV><DIV class=itemPrice>$199000.00</DIV> <DIV class=itemQuantity>11</DIV><DIV class=itemremove sizcache="1" sizset="22"> <A onclick="simpleCart.items ['c5'].remove();" href="javascript:;" jQuery1313812013546="19">Remove</A></DIV> <DIV class=itemTotal>$2189000.00</DIV></DIV></DIV> //這是購(gòu)物車各部分的層結(jié)構(gòu)，用戶可以根據(jù)class的值找到相應(yīng)的腳本文件，進(jìn)行修改，從而改變購(gòu)物車的外觀顯示。