描述
shopping.js是MLECMS的購物系統常用函數,用于對接系統購物流程。
前期工作
引入shopping.js文件
<script type="text/js" src="inc/script/shopping.js"></script>
1、將商品加入購物車(chē)
調用方法
mle.shopping.add_cart()
相關(guān)參數
共有1個(gè)必填參數,4個(gè)可選參數:
1、商品 id,必填
2、顯示購物車(chē)中物品數量的元素ID,省略時(shí)不顯示
3、商品顏色,省略時(shí)為空字符串
4、商品規格,省略時(shí)為空字符串
5、購買(mǎi)數量,省略時(shí)為1
調用實(shí)例
1、加入10個(gè)id為1的單規格商品到購物車(chē)中:
mle.shopping.add_cart(1,'','','',10)
2、加入id為2的多規格商品到購物車(chē)中,并且改變購物車(chē)中的物品數量:
<div>購物車(chē)(<span id="cart_number">0</span>)</div> <script type="text/javascript"> mle.shopping.add_cart(2,'cart_number','白色','XXL') </script>
2、快速創(chuàng )建規格選擇器
調用實(shí)例
mle.shopping.create_sku()
相關(guān)參數
該方法傳遞一個(gè)對象,對象結構如下:
data:商品規格對象,該對象可以通過(guò){:product::data():}返回的商品數據中獲得,具體調用請參考下方調用實(shí)例
sku:規定所有規格的元素類(lèi)名
selected:規定被選中規格的類(lèi)名
disabled:規定不可選規格的類(lèi)名
color:規定“商品顏色”的類(lèi)名
sku1:規定“商品規格”的類(lèi)名
sku_level1:指定一級規格是“商品顏色”還是“商品規格”
sku_level2:指定二級規格是“商品顏色”還是“商品規格”
show_sku:每個(gè)規格選擇時(shí)觸發(fā)的回調方法,可用變量有:price單價(jià)、inv庫存、img圖片
no_sku:當沒(méi)有選完規格時(shí)觸發(fā)的回調方法
調用實(shí)例
<!-- 調用商品 --> {:$p = product::data(0,1,0,0,0,1):} <-- 商品顏色 --> {:foreach $p['skus']['color'] as $k=>$color:} <div id="{:$color['id_color']:}" class="liclass choose_color sku" >{:$color['colorname']:}</div> {:/foreach:} <-- 商品規格 --> {:foreach $p['skus']['size'] as $k=>$size:} <div id="{:$size['id_size']:}" class="liclass choose_size sku">{:$size['val']:}</div> {:/foreach:} <script type="text/javascript"> mle.shopping.create_sku({ data: {:json_encode($p['skus']):}, sku: 'sku', selected: 'selected', disabled: 'sku_disable', color: 'choose_color', sku1: 'choose_size', sku_level1: 'sku1', sku_level2: 'color', show_sku: function(price,inv,img){ // 規格選擇完之后可以顯示選中規格的單價(jià)、庫存、圖片 }, no_sku: function(){ // 規格沒(méi)選完的時(shí)候可以顯示默認的單價(jià)、庫存、圖片 } }) </script>
3、獲取購物車(chē)中所有物品id
調用方法
mle.shopping.get_cart()
相關(guān)參數
共有1個(gè)可選參數:
1、是否轉成數組,true轉換數組,false以半角逗號分隔形式。缺省值為 false
4、獲取購物車(chē)中的商品總數量
調用方法
mle.shopping.get_cart()