|
Ecshop的用戶體驗(yàn)做的真的不敢恭維，在商品詳情頁(yè)和購(gòu)物車頁(yè)面，購(gòu)物數(shù)量不能加和減，只能用戶自己修改數(shù)量框里的數(shù)字。下面給數(shù)量框兩側(cè)添加“+”“-”按鈕。
1、修改/js/common.js，在最后添加以下代碼： /** * 購(gòu)物車加減按鈕 * @param txt_id 數(shù)量的ID * @param type 加 + 減 - * @param num 添加或者減少的數(shù)量 默認(rèn)為一 */ function cart_number(txt_id, type, num) { num = num || 1; var txt = document.getElementById(txt_id); var source_num = parseInt(txt.value); if (source_num == 1 && type == '-') { alert('請(qǐng)最少購(gòu)買一個(gè)商品'); return; } var to_num = source_num; if (type == '+') { to_num += num; } else if (type == '-') { to_num -= num; } txt.value = to_num; showdiv(txt); }
復(fù)制代碼2、修改模版文件夾下flow.dwt，添加以下代碼： 搜索 goods_number 的input, 在input 兩側(cè)添加以下代碼，其中“+”“-”也可以換成加號(hào)和減號(hào)的圖片： <a href="javascript:cart_number('goods_number_{$goods.rec_id}', '-');">-</a> <a href="javascript:cart_number('goods_number_{$goods.rec_id}', '+');">+</a>
復(fù)制代碼
說明：這個(gè)修改方法是用在購(gòu)物車頁(yè)面，不過有個(gè)缺點(diǎn)是，它不是基于ajax，所以修改數(shù)量后要點(diǎn)“更新購(gòu)物車”才可以。
這個(gè)修改方法也可以用在商品詳細(xì)頁(yè)面，不過需要修改一個(gè)地方，把第二步中的代碼修改為： <a href="javascript:cart_number('number', '-');">-</a> <a href="javascript:cart_number('number', '+');">+</a>
復(fù)制代碼
|
