您现在的位置是:首页 > 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毫秒,,返回上一页
用户提交商品到购物车后不跳转到购物车,直接返回原页面并刷新该页面。
本文标签:
很赞哦! ()
图文教程
织梦cms怎么获取登录用户名与ID号
本文实例讲述了Dedecms获取登录用户名与ID号的方法。分享给大家供大家参考。具体方法如下:获取当前登录用户名;1、include/arc.archi
dedecms删除文章同时也删除附件的实现方法
首先添加两个函数代码如下:解析文档内容的本地图片图片把这段代码贴到include/common.func.php后面,接着打开后台(假设使用默认的dede作为后台)
DedeCMS编辑器变成所见即所得的方法
DedeCMS的默认编辑器的正文编辑区域显示效果不是非常友好,主要问题是字体太小,行间距也很小,看起来密密麻麻的,非常头疼。而且段落首行没有缩进,段落之间没有适当的间隔
dede织梦tag标签字符限制和调用方法代码示例
众所周知:dede tag标签的调用可以用来提高网站文章的收录.织梦网站建设代码号介绍具体调用方法也即:根目录/templets/default/art
相关源码
-
(自适应)高端集团跨国公司产业联盟机构网站模板免费下载基于PbootCMS内核开发的集团级企业网站模板,采用响应式设计架构,确保在各类移动设备上获得浏览体验。通过模块化布局与简约大气的视觉风格,帮助集团企业高效展示组织架构、发展历程和业务矩阵,建立专业的企业形象窗口。查看源码 -
帝国CMS7.5漫画网站模板带手机端源码免费下载本模板为漫画内容平台设计开发,采用帝国CMS7.5内核构建,深度优化漫画作品展示结构与章节管理模式。前端采用响应式布局设计,适配各类漫画阅读场景,提供作品分类、连载追踪、热度排行等垂直领域功能模块。查看源码 -
(自适应响应式)双语LED照明灯饰灯具外贸网站pbootcms源码下载模板采用响应式设计,能自动适应手机、平板和电脑等多种设备屏幕,确保用户在不同设备上都能获得良好的浏览体验。同一后台管理,数据实时同步,操作简便高效。查看源码 -
(自适应响应式)英文外贸医疗科研耗材设备pbootcms网站模板为医疗设备和外贸企业设计的响应式网站模板,基于PbootCMS系统开发。突出医疗产品认证展示和国际化特性,通过专业化的产品参数展示模块和文档管理系统,满足医疗行业严格的信息披露要求。查看源码 -
(自适应)帝国CMS7.5模板淘宝客导购博客文章源码本模板基于帝国CMS7.5内核深度开发,为电商导购类网站设计。采用响应式布局技术,确保在手机、平板及电脑端均能获得优质浏览体验。模板内置商品推荐模块与优惠信息展示区,可快速搭建专业导购平台。查看源码 -
(自适应)摄像头安防电子设备pbootcms源码下载本模板基于PbootCMS系统开发,为安防电子设备企业设计,特别适合监控摄像头、安防系统等产品的展示。采用响应式技术,确保各类设备参数和功能在不同终端上都能清晰呈现。查看源码
| 分享笔记 (共有 篇笔记) |
大家在看
织梦cms收费哪几款cms可以免费商用?本栏推荐
相关标签
大家喜欢
- dedecms织梦实现列表页双样式和列表样式循环交替变化
- 织梦DEDECMS中TAG标签字数长度被限制了怎么办
- dede织梦内容页调用自定义字段方法
- dedecms列表页按文章权重排序的实现方法
- 织梦系统实现按键盘方向键实现上一篇下一篇翻页的效果
- dedecms织梦发布文章时输入Tag标签逗号自动变成英文标点的方法
- DEDECMS安装和访问提示(PHP 5.3 and above) Please XX怎么解决
- dedecms删除文章实现同时删除图片的方法
- dede织梦摘要调用参数[field:info/]使用介绍
- dede织梦提示Fatal error: Call to a member function GetInnerText()