分享好友 教程首页 教程搜索 频道列表

教你如何给DESTOON商城的列表中和首页添加购物车功能

2016-05-07 17:0412070
+关注29
核心提示:如何给destoon商城的列表中和首页添加购物车功能?目前加入购物车的功能只存在商城...
 如何给destoon商城的列表中和首页添加购物车功能?

目前加入购物车的功能只存在商城的详细页面里,有时候我们需要批量购买的时候,希望在列表页就能够使用这个加入购物车的功能。

修改步骤见下:

例如在商城频道的首页和列表页加这个功能

 

第一步:修改mall/index.htm的模板

提示:如果想在首页增加添加到购物车的功能需要多一行这个代码:

在{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>
复制代码

提示:如果想在首页增加添加到购物车的功能需要多一行这个代码:

<link rel="stylesheet" type="text/css" href="{DT_SKIN}mall.css"/> <script type="text/javascript" src="{DT_STATIC}file/script/mall.js"></script>

 

第二步:修改块标签块文件 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="关闭" width="17" height="12" onclick="Dh('cart_tip');"/>提示信息</p> <div>已成功添加到购物车!购物车里已有 <span id="cart_num">0</span> 种商品</div> <center> <input type="button" value="再逛逛" onclick="Dh('cart_tip');"/>        <input type="button" value="去结算" 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文件,修改函数AddCart()为AddCart(itmeid),函数的的具体代码如下

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'); }

 

以上修改方式即可完成添加便捷购物车按钮

整理员:DT友提供
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
最新其他更多

关于DESTOON通过ABC字母索引排序调取模块相关分类的方案

    目前用户的需要是越来越多的,现在跟大家聊一聊怎么用字母ABC来调取对应的相关分类,CSS就自己写了哈,这里我们只教怎么写调取标签

小黑 标签调用 12024-01-18

手机版如何添加第三方统计

    手机版统计代码一般添加在手机版的footer模板内,body标签之前,默认位于站点目录/template/default/mobile/footer.htm1、JS格式统计代码大多数第三方统计默认会提供JS统计代码,但是手机版由于开启了动画效果,如果

网络转载 移动端模板制作2023-06-09

在小模板tag/list-sell.htm中{if $_userid}判断不起作用的解决方案

    在小模板tag/list-sell.htm中{if $_userid}判断不起作用的解决方案有两种,2选一都能实现,两种方案,1为网友提供,2为DESTOON官方提供。

小黑 标签调用2023-06-07

destoon8.0及以上版本内容页批量调用所有自定义字段的解决方案

    destoon在内容页批量调用所有自定义字段的方案:以前是在内容模板中一个个的调用,确实有点繁琐,下面的方法就是批量循环出当前频道所有不为空的自定义字段内容。我们在自定义函数api/extend.func.php文件中添加以下函数

小黑 标签调用 22022-11-17

input 不可以输入编辑,但是可以选择的几种方式

    规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。

小黑 PC端模板制作2022-09-04

下一篇
我来说两句
抢沙发