ECSHOP是一款開源的網(wǎng)上商店系統(tǒng),在我心目中可以算得上網(wǎng)上商城界的Wordpress了。本文介紹如何實(shí)現(xiàn)在ecshop中批量添加商品到購物車。大家都知道,默認(rèn)的ecshop只能單件點(diǎn)擊“添加到購物車”(Add to Cart)實(shí)現(xiàn)一件一件的添加商品到購物車,無法經(jīng)過多選之后批量添加。
其實(shí)實(shí)現(xiàn)的方法比較簡單,Ecshop本身的添加商品到購物車使用的是一個(gè)js函數(shù)調(diào)用json來post數(shù)據(jù)的,這里我們就可以使用已有的這個(gè)函數(shù) addToCart()來實(shí)現(xiàn)批量添加。下面給出具體操作步驟。
1. 修改商品列表模板 /themes/default/library/goods_list.lbi 在其中每個(gè)商品的前面增加一個(gè)復(fù)選框按鈕。即默認(rèn)模板大約第74行,增加代碼:
<input type="checkbox" value="{$goods.goods_id}" />
2. 增加可以添加選定商品到購物車的鏈接。位置任選,代碼如下:
<a href="javascript:addSelectedToCart('goodslist')">Add selected products to cart</a>
3.添加循環(huán)將選定商品加入購物車的函數(shù),打開/js/common.js文件,在第36行,加入如下代碼:
/*
*添加選定商品到購物車*/function addSelectedToCart(p){for ( var i=0; i<document.getElementById(p).elements.length; i++ ){ var e = document.getElementById(p).elements[i]; if ( (e.type=='checkbox')&&(!e.disabled) ) { if ( e.checked ) { addToCart(e.value) ; } }}}
新聞熱點(diǎn)
疑難解答