您现在的位置是：首页 > 教程 > ecshop商城教程ecshop商城教程
ecshop商品购买数量增加加减按钮插件
梦柏2024-03-30 00:06:42ecshop商城教程已有人查阅
导读ecshop商品页购买数量加减按钮ecshop购物车页加减按钮插件默认模版为例详细教程：找到flow.php里的如下代码
ecshop商品页购买数量加减按钮ecshop购物车页加减按钮插件默认模版为例详细教程：
找到flow.php里的如下代码
新手如果没有修改过模板直接覆盖下面附件就可以：
ecshop商品页购买数量加减按钮插件：
二.购物车页面
打开：flow.dwt
$lang.update_cart
新手使用的是默认模板可以直接覆盖下面附件：
找到flow.php里的如下代码
elseif ($_REQUEST['step'] == 'update_cart')
{
if (isset($_POST['goods_number']) && is_array($_POST['goods_number']))
{
flow_update_cart($_POST['goods_number']);
}
show_message($_LANG['update_cart_notice'], $_LANG['back_to_cart'], 'flow.php');
exit;
}
修改成：
elseif ($_REQUEST['step'] == 'update_cart')
{
if (isset($_POST['goods_number']) && is_array($_POST['goods_number']))
{
flow_update_cart($_POST['goods_number']);
}
ecs_header("Location: flow.php?step=cart\n");
show_message($_LANG['update_cart_notice'], $_LANG['back_to_cart'], 'flow.php');
exit;
}
打开：goods.dwt
{* 包含脚本文件 *}
{insert_scripts files='common.js'}下面这段：
<script type="text/javascript">
function $id(element) {
return document.getElementById(element);
}
//切屏--是按钮，_v是内容平台，_h是内容库
function reg(str){
var bt=$id(str+"_b").getElementsByTagName("h2");
for(var i=0;i<bt.length;i++){
bt[i].subj=str;
bt[i].pai=i;
bt[i].style.cursor="pointer";
bt[i].onclick=function(){
$id(this.subj+"_v").innerHTML=$id(this.subj+"_h").getElementsByTagName("blockquote")[this.pai].innerHTML;
for(var j=0;j<$id(this.subj+"_b").getElementsByTagName("h2").length;j++){
var _bt=$id(this.subj+"_b").getElementsByTagName("h2")[j];
var ison=j==this.pai;
_bt.className=(ison?"":"h2bg");
}
}
}
$id(str+"_h").className="none";
$id(str+"_v").innerHTML=$id(str+"_h").getElementsByTagName("blockquote")[0].innerHTML;
}
</script>
修改成：
<script type="text/javascript">
function $id(element) {
return document.getElementById(element);
}
//切屏--是按钮，_v是内容平台，_h是内容库
function reg(str){
var bt=$id(str+"_b").getElementsByTagName("h2");
for(var i=0;i<bt.length;i++){
bt[i].subj=str;
bt[i].pai=i;
bt[i].style.cursor="pointer";
bt[i].onclick=function(){
$id(this.subj+"_v").innerHTML=$id(this.subj+"_h").getElementsByTagName("blockquote")[this.pai].innerHTML;
for(var j=0;j<$id(this.subj+"_b").getElementsByTagName("h2").length;j++){
var _bt=$id(this.subj+"_b").getElementsByTagName("h2")[j];
var ison=j==this.pai;
_bt.className=(ison?"":"h2bg");
}
}
}
$id(str+"_h").className="none";
$id(str+"_v").innerHTML=$id(str+"_h").getElementsByTagName("blockquote")[0].innerHTML;
}
function del(){
var num = document.getElementById("number");
var n = parseInt(num.value);
if(n-1<=0){
alert("必须选择一个商品");
}else{
num.value = n-1;
}
}
function add(){
var num = document.getElementById("number");
var n = parseInt(num.value);
num.value = n+1;
}
</script>
搜索：
<dd>
<strong>{$lang.number}：</strong>
<input name="number" type="text" id="number" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; "/>
</dd>
修改成：
<table>
<tr>
<td valign="middle" height="40" width="80" align="right"><font class="shop">{$lang.number}：</font> </td>
<td valign="middle"><img src="images/jian.gif" style="display:block;" onclick="del()" /> </td>
<td><input name="number" type="text" id="number" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; height:25px; width:30px; text-align:center; "/></td>
<td><img src="images/jia.gif" style="display:block;" onclick="add()" /> </td>
</tr>
</table>
打开：style.css文件，底部下面添加：
.goods_cut {
background: url("./images/yy.gif") no-repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
display: block;
float: left;
font-size: 0;
height: 15px;
line-height: 0;margin: 8px 3px 0;
width: 15px;
}
input.goodsBuyBox, input.number {
border: 1px solid #DDDDDD;
float: left;
font-size: 10px;
height: 18px;
line-height: 18px;
margin: 5px 6px 0;
padding: 0;
text-align: center;
width: 32px;
}
.goods_add {
background: url("./images/yy.gif") no-repeat scroll 0 -15px transparent;
border: 0 none;
cursor: pointer;
display: block;
float: left;
font-size: 0;
height: 15px;
line-height: 0;
margin: 8px 3px 0;
width: 15px;
}
.goods_number_tit{
display: block;
background:none;
width:60px;
height:25px;
line-height:22px;
float: left;
}
图片放到模板目录：新手如果没有修改过模板直接覆盖下面附件就可以：
ecshop商品页购买数量加减按钮插件：
二.购物车页面
打开：flow.dwt
{* 包含脚本文件 *}
{insert_scripts files='common.js,shopping_flow.js'}
<script language="javascript" type="text/javascript">
function goods_cut($val){
var num_val=document.getElementById('number'+$val);
var new_num=num_val.value;
if(isNaN(new_num)){alert('请输入数字');return false}
var Num = parseInt(new_num);
if(Num>1)Num=Num-1;
num_val.value=Num;
document.getElementById('updatecart').click();
}
function goods_add($val){
var num_val=document.getElementById('number'+$val);
var new_num=num_val.value;
if(isNaN(new_num)){alert('请输入数字');return false}
var Num = parseInt(new_num);
Num=Num+1;
num_val.value=Num;
document.getElementById('updatecart').click();
}
</script>
搜索：
<input type="text" name="goods_number[{$goods.rec_id}]" id="goods_number_{$goods.rec_id}" value="{$goods.goods_number}" size="4" class="inputBg" style="text-align:center " onkeydown="showdiv(this)"/>
修改成：
<span class="goods_cut" onclick="goods_cut('{$goods.rec_id}');"></span>
<input type="text"
name="goods_number[{$goods.rec_id}]" id="number{$goods.rec_id}"
value="{$goods.goods_number}" size="4" class="number"
onblur="if(isNaN(this.value)){alert('请输入数字');return
false}else{document.getElementById('updatecart').click();}"
title="{$lang.goods_number_tip}"/>
<span class="goods_add" onclick="goods_add('{$goods.rec_id}');"></span>
3.搜索：$lang.update_cart
<input name="submit" type="submit" class="bnt_blue_1" value="{$lang.update_cart}" />
修改成：
<input name="submit" type="submit" id="updatecart" value="{$lang.update_cart}" class="btn_s3"/>
打开：style.css文件，底部下面添加
.goods_cut {
background: url("./images/yy.gif") no-repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
display: block;
float: left;
font-size: 0;
height: 15px;
line-height: 0;margin: 8px 3px 0;
width: 15px;
}
input.goodsBuyBox, input.number {
border: 1px solid #DDDDDD;
float: left;
font-size: 10px;
height: 18px;
line-height: 18px;
margin: 5px 6px 0;
padding: 0;
text-align: center;
width: 32px;
}
.goods_add {
background: url("./images/yy.gif") no-repeat scroll 0 -15px transparent;
border: 0 none;
cursor: pointer;
display: block;
float: left;
font-size: 0;
height: 15px;
line-height: 0;
margin: 8px 3px 0;
width: 15px;
}
.goods_number_tit{
display: block;
background:none;
width:60px;
height:25px;
line-height:22px;
float: left;
}
5.图片放到模板目录：新手使用的是默认模板可以直接覆盖下面附件：
本文标签：
很赞哦！ ()
相关文章
- ecshop商品列表页面和商品页面自定义url网址前缀的实现方法
- ecshop商品页显示商品收藏数量怎么修改
- ecshop商品批发多属性多规格多库存怎么批量购买
- ecshop水印ecshop商品添加水印的实现方法
- ecshop商品价格将属性价格改为直接价非加价修改的方法
- ecshop商品页商品详细描述内容调用商品相册图片代码的方法
- ecshop商品图片模糊修改图片上传压缩质量的方法
- ecshop商品相册显示顺序为正序的修改方法
- ecshop商品售完商品库存为0显示商品售完已售罄的实现方法
- ecshop商品详情页相关属性商品由新到旧排序的方法
- ecshop商品页商品浏览次数怎样修改按倍数增加
- ecshop商品页面定制属性附件上传文件上传图片
随机图文
ecshop商城jquery冲突解决方法
ECSHOP与JQUERY冲突的问题由来已久，网上很多解决方法比较繁琐，而且在某些地方还会出错，如产品比较功能等，本文中的方法结合了网上很新公开文章与本人实际开发的经验
ecshop商品分类页排序方式推荐排序为图片排序方式的修改方法
Ecshop修改商品分类页的排序方式为推荐排序要修改Ecshop商品分类页图片的排序方式，我们只需要修改Ecshop里category.php的$default_sort_order_type 默认的排序方式
ecshop新会员注册自动发送邮件通知管理员
步骤一：更改数据库用MySQL管理工具找到 ecs_mail_templates表插入一条新会员注册邮件提醒模板数据。INSERT INTO ecs_mai
ecshop商品详细页的商品描述中显示商品属性的方法
在这介绍一下如何把商品属 调用进商品描述里：其实很简单，首先打开ECSHOP模板文件找到goods.dwt直接在{$goods.goods_desc}下边增加一段代码就OK了
| 留言与评论 （共有 条评论） |
