ECSHOP 商品详情页购买数量 添加加减按钮

<input name="number" type="text" id="number" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; "/>

修改为

<span class="goods_cut"
_src="images/plus1.gif"
alt="减少" width="15" height="15" /></span>
<input name="number" type="text" id="number" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; "/>
<span class="goods_add"
_src="images/plus2.gif"
alt="增加" width="15" height="15" /></span>

再添加js脚本
复制代码

<script language="javascript" type="text/javascript">

function goods_cut(){

var num_val=document.getElementById(‘number‘);

var new_num=num_val.value;

var Num = parseInt(new_num);

if(Num>1)Num=Num-1;

num_val.value=Num;

}

function goods_add(){

var num_val=document.getElementById(‘number‘);

var new_num=num_val.value;

var Num = parseInt(new_num);

Num=Num+1;

num_val.value=Num;

}
</script>

复制代码

再添加CSS样式
复制代码

/*--------------商品详情页增加减少-------------*/
.goods_gds {
    height:35px;
    display:block;
    overflow:hidden;
}
.goods_font {
    display:block;
    float:left;    
    height:15px;
    margin:8px 3px 0;
    font-size:12px;
}
.goods_cut {
    border:0 none;
    cursor:pointer;
    display:block;
    float:left;
    font-size:0;
    height:15px;
    line-height:0;
    margin:8px 3px 0;
    width:15px;
    padding-right:0px;
    _padding-right:0px;
}
input.goodsBuyBox,input.number {
    border:1px solid #DDDDDD;
    float:left;
    font-size:10px;
    height:18px;
    line-height:18px;
    margin:5px 5px 5px 5px;
    padding:0;
    text-align:center;
}
.goods_add {
    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;
    text-align:left;
    padding-left:5px; 
}

时间: 2024-10-12 17:41:34

ECSHOP 商品详情页购买数量 添加加减按钮的相关文章

ECSHOP商品购买数量增加加减按钮插件(包含购物车商品数量增加减少,自动更新)

ecshop商品页购买数量加减按钮ecshop购物车页加减按钮插件 默认模版为例详细教程: 找到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['

Ecshop商品详情页显示当前会员等级价格

会员登录状态下,在ECSHOP商品详情页的本店售价中显示当前登录会员对应的等级价格,在未登录状态下,则还默认显示原来的本店售价. 解决方法: 这个需要修改ECSHOP程序代码来实现. 打开文件 /includes/lib_goods.php 将 $row['shop_price_formated'] = price_format($row['shop_price']); 修改为 $row['shop_price_formated'] = $_SESSION[user_rank] ? price_

在ecshop商品详情页显示供货商

好久没写文章了,隐约记得前几天有人问到这个问题:[如何在ecshop商品详情页面显示该商品的供货商?] 今天有时间整理下,分享给大家. 注:以下修改适用于ecshop2.7.2,其他版本未做测试. 1). 首先需要修改程序文件,将供货商读取出来,然后赋值给模板 打开文件 /goos.php, 在 $smarty->assign('goods', $goods); 上边增加以下代码 if($goods['suppliers_id']) { $goods['suppliers_name']=$db-

小程序开发 - 购买数量之加减限制

需求: 至少选择一件 最多选择3件 这个比较简单,就不多说了,直接上代码 wxml <!-- 商品数量 --> <view class='shop-number'> <view class='shop-number-left'> <view class='shop-number-left-name'>购买数量</view> <view class='shop-number-left-desc'>每人限购3件</view>

Ecshop 商品详情页如何添加立即购买按钮

1,加到位置 <li class="add_cart_li"> <a href="javascript:addToCart1({$goods.goods_id})" class="btn" id="buy_btn" style="background-color:#f15a28;border:1px solid #f15a28">立即购买</a> <a href=&

如何在ecshop商品详情页显示供货商信息

以下范例以ecshop2.7.2原型做为修改: 1.首先需要修改程序文件,将供货商读取出来,然后赋值给模板, 打开文件 /goos.php, 在 $smarty->assign('goods',              $goods); 上边增加以下代码 if($goods['suppliers_id']) { $goods['suppliers_name']=$db->getOne("select suppliers_name from " .$ecs->tabl

京东商品详情页应对“双11”大流量的技术实践

大家来京东打开商品页一般会看到如通用版.闪购.全球购等不同的页面风格,这里面会牵扯到各种各样垂直化的模板页面渲染.以前的解决方案是做静态化,但是静态化一个很大的问题就是页面改版时需要重新全量生成新的静态页.我们有几亿个商品,对于这么多商品,你如果生成页面的话需要跑很多天,而且还无法应对一些突发情况. 比如新的<广告法>,需要对一些数据进行清洗,后端清洗时间和成本来不及,那么很多时候就是从前台展示系统来进行数据过滤.因此需要非常灵活的前端展示架构来支持这种需求. 首先这是我们前端首屏大体的结构.

亿级商品详情页架构演进技术解密 | 高可用架构系列

亿级商品详情页架构演进技术解密 | 高可用架构系列 --http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=210272034&idx=1&sn=3be9d2b53c7fec88716ee8affd2515f8&scene=1&srcid=UfXZNNOVZZyZjQmp0VOh&from=groupmessage&isappinstalled=0#rd 此文是开涛在[三体高可用架构群]之分享内容

商品列表页一次添加多个规格

可能题目的表述不是特别清晰,具体有一下截图看这会比较明显 页面上的功能描述1. 当页面加载完成后,需要根据不同规格的商品刷新出对应规格商品的价格,2.重置默认数量,这个功能在input标签中设置默认的value值即可,或者添加一个js函数,重置对应class集合中的值,这个不多说,比较简单,3.点击添加购物车,需要把例如上图中的不同规格中的商品能全部添加到购物车 解题思路,要求1,这个任务比较简单,由于这种方式,后台里的商品规格选项必须用单选按钮来做,否则页面效果不容易实现具体要实现什么样式自己