您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
dedecms购物车优化提交数量和自定义字段到购物车的方法
盼曼2023-09-17DedeCMS教程已有人查阅
导读用户体验是网站建设中最重要的环节,而流量只是其中一个影响SEO排名的因素而已,真正发生转化的是网站拥有良好的用户体验和丰富内容。
用户体验是网站建设中最重要的环节,而流量只是其中一个影响SEO排名的因素而已,真正发生转化的是网站拥有良好的用户体验和丰富内容。下面就围绕着用户体验分享一个购物流程的案例。
DedeCMS有简单商城的功能,大多数人不用dede来做商城,而一般的企业站除了展示外,还有订单提交或者订购的功能。网上资源比较有限,大多东抄西抄,能真正做的人还是比较少。废话不多说,看效果图。
可以看到dede商品模板中,实现功能如下:提交衣服尺码,购物数量,自定义字段到购物车;提交到购物车后停留在原页面。
1.衣服尺码、购物数量等自定义字段提交到购物车 这里并不需要js支持,只需要在商品模板中,找到
DedeCMS有简单商城的功能,大多数人不用dede来做商城,而一般的企业站除了展示外,还有订单提交或者订购的功能。网上资源比较有限,大多东抄西抄,能真正做的人还是比较少。废话不多说,看效果图。
可以看到dede商品模板中,实现功能如下:提交衣服尺码,购物数量,自定义字段到购物车;提交到购物车后停留在原页面。
1.衣服尺码、购物数量等自定义字段提交到购物车 这里并不需要js支持,只需要在商品模板中,找到
<form id="formcar" name="formcar" method="post" action="{dede:field name='phpurl'/}/posttocar.php">
在提交表单里面增加字段,guige为自定义,buynum为默认,不可更改。
<form id="formcar" name="formcar method="post" action="{dede:field name='phpurl'/}/posttocar.php">
....
<p>尺码:
<select name="guige" >
<option value="155/76">155/76</option>
<option value="155/78">155/78</option>
<option value="155/80">155/80</option>
<option value="155/82">155/82</option>
</select>
</p>
<p>
<input name="buynum" type="text" id="buynum" value="1"/>
</p>
.....
</form>
表单的数据发送到/plus/postocar.php,获取数据传送到购物车。找到/plus/postocar.php,大概在43行左右找到
$rows['title'] = $rs['title'];
下面增加,可以理解为增加一个guige的索引,值为提交过来的guige字段
$rows['guige'] = $_POST['guige'];
$rows['buynum'] = $_POST['buynum'];
打开/templates/plus/car.htm,找到
{dede:array.Items}
找到下面字段,在下面(或者其他合适的位置)
<td height="23"><span class="price">{dede:value.price/}</span ></td>
<!--后面增加-->
<td height="23">{dede:value.guige/}</td>
2.提交到购物车后停留在原页面 这里也不需要js支持,打开/plus/postocar.php,大概在46行,修改为对应的部分
$cart->addItem($id, $rows);
ShowMsg("已添加加到购物车!", "javascript:history.go(-1);", false, 500);
//修改提示字段,跳转时间为500毫秒,,返回上一页
用户提交商品到购物车后不跳转到购物车,直接返回原页面并刷新该页面。
本文标签:
很赞哦! ()
图文教程
织梦dedecms中修复mysql数据库表的方法
在使用织梦dedecms的过程中经常会碰到数据表报错“dede_search_keywords' is marked as crashed and should be repaired”,这说明你的数据表可能崩溃了需要修复
Linux下织梦dedecms站点安全策略设置教程
网站安全至关重要,织梦dede因为使用的人非常多,所以安全问题也显得尤为突出。本篇将进一步来对Linux下的DedeCMS进行安全配置
织梦dede让arclist标签支持副栏目调用的方法
最近用织梦cms开发网站,需要一篇文章被多个栏目调用,织梦后台有副栏目这个功能,可是在用arclist调用的时候,副栏目却调用不出这篇文章
织梦dedecms友情链接页面实现调用头部尾部模板的方法
织梦模板DEDECMS友情链接页面模板默认是不能直接调用系统的模板的,我们来简单修改一下就可以使之支持!
相关源码
-
(PC+WAP)院校学院职业学校机构协会网站开源源码下载本模板基于PbootCMS系统开发,为高等院校、职业学校等教育机构设计,特别适合展示学校概况、院系设置、招生信息等内容。采用双端适配技术,确保在PC和移动设备上都能获得良好的浏览体验。查看源码 -
(PC+WAP)企业管理工程造价资产评估财务审计带留言网站模板本模板基于PbootCMS内核开发,为工程造价咨询、财务审计类企业量身打造,同时支持多行业快速适配。采用PC+WAP双端同步设计,数据实时互通,助您高效展示企业形象与服务能力。查看源码 -
(自适应响应式)高端网站建设设计公司互联网营销网站pbootcms模板本模板基于PbootCMS内核开发,为网站建设公司和互联网营销企业量身打造。采用响应式设计,适配各种移动设备,提供统一的后台管理体验查看源码 -
(自适应响应式)宠物经验资讯咨询博客pbootcms网站源码下载除宠物资讯领域外,通过内容替换可快速适配宠物用品商城、宠物医疗咨询平台、宠物训练教程网站、动物保护组织官网、水族爱好者社区等垂直领域。查看源码 -
pbootcms源码宠物类网站源码下载(自适应多端)为宠物装备商店、宠物食品及用品企业打造的营销型模板,基于PbootCMS内核深度开发。采用响应式设计实现PC与移动端适配,PHP7.0+高性能架构支持MySQL/SQLite双数据库查看源码 -
(自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计,基于PbootCMS内核开发。通过自适应手机端的HTML5技术,帮助企业高效构建专业财税服务平台查看源码
| 分享笔记 (共有 篇笔记) |
