给destoon商城的列表中和首页添加购物车功能
生活随笔
收集整理的這篇文章主要介紹了
给destoon商城的列表中和首页添加购物车功能
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
如何給destoon商城的列表中和首頁添加購物車功能?
目前加入購物車的功能只存在商城的詳細(xì)頁面里,有時(shí)候我們需要批量購買的時(shí)候,希望在列表頁就能夠使用這個(gè)加入購物車的功能。
修改步驟見下:
例如在商城頻道的首頁和列表頁加這個(gè)功能
?
第一步:修改mall/index.htm的模板
提示:如果想在首頁增加添加到購物車的功能需要多一行這個(gè)代碼:
在{template 'footer'}后面加如下代碼
<script type="text/javascript"> var mallurl = '{$MODULE[16][linkurl]}'; var s_s = {'1':0,'2':0,'3':0}; var m_l = { no_comment:'暫無評論', no_order:'暫無交易', no_goods:'商品不存在或已下架', no_self:'不能添加自己的商品', lastone:'' }; </script> <script type="text/javascript" src="{DT_STATIC}file/script/mall.js"></script>提示:如果想在首頁增加添加到購物車的功能需要多一行這個(gè)代碼:
<link rel="stylesheet" type="text/css" href="{DT_SKIN}mall.css"/> <script type="text/javascript" src="{DT_STATIC}file/script/mall.js"></script>?
第二步:修改塊標(biāo)簽塊文件 template/default/tag/thumb-mall.htm
修改為如下代碼:
在<table width="100%">{loop $tags $i $t}前面增加如下代碼
<div id="cart_tip" style="display:none;"><p><img src="{DT_SKIN}image/close.gif" alt="關(guān)閉" width="17" height="12" onclick="Dh('cart_tip');"/>提示信息</p><div>已成功添加到購物車!購物車?yán)镆延?<span id="cart_num">0</span> 種商品</div><center><input type="button" value="再逛逛" onclick="Dh('cart_tip');"/> <input type="button" value="去結(jié)算" onclick="Go('{$MODULE[16][linkurl]}cart.php');"/></center> </div>在<li><span class="f_price">¥{$t[price]}</span></li>后面增加如下代碼
<br /><a href="javascript:void(0)" onclick="AddCart({$t[itemid]});">加入購物車</a>第三步:找到file/script/mall.js文件,修改函數(shù)AddCart()為AddCart(itmeid),函數(shù)的的具體代碼如下
function AddCart(itemid) {itemid = typeof itemid == 'undefined' || itemid === null ? mallid : itemid;makeRequest('action=ajax&itemid='+itemid+'&s1='+s_s[1]+'&s2='+s_s[2]+'&s3='+s_s[3], mallurl+'cart.php', '_AddCart'); }?
以上修改方式即可完成添加便捷購物車按鈕
轉(zhuǎn)載于:https://www.cnblogs.com/keleyu/p/3939360.html
總結(jié)
以上是生活随笔為你收集整理的给destoon商城的列表中和首页添加购物车功能的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 用js使得输入框input只能输入数字
- 下一篇: Android开发中依赖注入的应用