您现在的位置是:首页 > 教程 > ecshop商城教程ecshop商城教程
ecshop选择商品属 购买商品数量增加商品总价
谢尉2023-12-26 01:36:01ecshop商城教程已有人查阅
导读各位ECSHOP网店系统用户大家好,欢迎来到代码号图文教程,今天为大家详细解说一下怎么给ECSHOP商品选择属 购买商品数量 以后显示商品总价的方法。
各位ECSHOP网店系统用户大家好,欢迎来到代码号图文教程,今天为大家详细解说一下怎么给ECSHOP商品选择属 购买商品数量 以后显示商品总价的方法。
<form action="javascript:addToCart({$goods.goods_id})" method="post" name="ECS_FORMBUY" id="ECS_FORMBUY" >
<!-- {* 开始循环所有可选属 *} -->
<!-- {foreach from=$specification item=spec key=spec_key} -->
<li class="padd loop">
<strong>{$spec.name}:</strong><br />
<!-- {* 判断属 是复选还是单选 *} -->
<!-- {if $spec.attr_type eq 1} -->
<!-- {if $cfg.goodsattr_style eq 1} -->
<!-- {foreach from=$spec.values item=value key=key} -->
<label for="spec_value_{$value.id}">
<input type="radio" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}" {if $key eq 0}checked{/if} onclick="changePrice()" />
{$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] </label><br />
<!-- {/foreach} -->
<input type="hidden" name="spec_list" value="{$key}" />
<!-- {else} -->
<select name="spec_{$spec_key}" onchange="changePrice()">
<!-- {foreach from=$spec.values item=value key=key} -->
<option label="{$value.label}" value="{$value.id}">{$value.label} {if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if}{if $value.price neq 0}{$value.format_price}{/if}</option>
<!-- {/foreach} -->
</select>
<input type="hidden" name="spec_list" value="{$key}" />
<!-- {/if} -->
<!-- {else} -->
<!-- {foreach from=$spec.values item=value key=key} -->
<label for="spec_value_{$value.id}">
<input type="checkbox" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}" onclick="changePrice()" />
{$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] </label><br />
<!-- {/foreach} -->
<input type="hidden" name="spec_list" value="{$key}" />
<!-- {/if} -->
</li>
<!-- {/foreach} -->
<!-- {* 结束循环可选属 *} -->
<!-- 商品总价-->
{$lang.amount}:<font id="ECS_GOODS_AMOUNT" class="shop"></font>
<!-- 商品总价结束-->
如果要隐藏商品总价写成:
<font id="ECS_GOODS_AMOUNT" style="display:none"></font>
<!-- 购买商品数量选择-->
{$lang.number}:
<input name="number" type="text" id="number" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; "/>
<!-- 购买商品数量结束--> </form>
</body>后面加上这个 下面JS
<script type="text/javascript">
var goods_id = {$goods_id};
var goodsattr_style = {$cfg.goodsattr_style|default:1};
var gmt_end_time = {$promote_end_time|default:0};
{foreach from=$lang.goods_js item=item key=key}
var {$key} = "{$item}";
{/foreach}
var goodsId = {$goods_id};
var now_time = {$now_time};
<!-- {literal} -->
onload = function(){
changePrice();
fixpng();
try { onload_leftTime(); }
catch (e) {}
}
/**
* 点选可选属 或改变数量时修改商品价格的函数
*/
function changePrice()
{
var attr = getSelectedAttributes(document.forms['ECS_FORMBUY']);
var qty = document.forms['ECS_FORMBUY'].elements['number'].value;
Ajax.call('goods.php', 'act=price&id=' + goodsId + '&attr=' + attr + '&number=' + qty, changePriceResponse, 'GET', 'JSON');
}
/**
* 接收返回的信息
*/
function changePriceResponse(res)
{
if (res.err_msg.length > 0)
{
alert(res.err_msg);
}
else
{
document.forms['ECS_FORMBUY'].elements['number'].value = res.qty;
if (document.getElementById('ECS_GOODS_AMOUNT'))
document.getElementById('ECS_GOODS_AMOUNT').innerHTML = res.result;
}
}
<!-- {/literal} -->
</script>
本文标签:
很赞哦! ()
相关文章
随机图文
-
ecshop只开启个别页面的URL重写rewrite的方法
最近看到有人在ECSHOP论坛发帖询问类似问题,觉得比较新颖,就写了下共享了出来。问题:如何只开启商品页面的rewite,也就是说只是将商品页链接形式修改 -
ecshop文章列表页调用文章描述信息的方法
注意:这里所说的描述信息,指的是在ECSHOP后台发布文章时,填写的那个“网页描述”信息。 -
ecshop商城后台订单选择加入商品时提示库存不足的修改方法
ECSHOP后台订单加入商品时提示库存不足请重新选择的错误问题,ECSHOP商城所有版本包括很新ecshop4.1版本中都出现了这个bug官方未修复,原因是ecshop在ajax调用商品的时候 -
ecshop商品分类页排序方式推荐排序为图片排序方式的修改方法
Ecshop修改商品分类页的排序方式为推荐排序要修改Ecshop商品分类页图片的排序方式,我们只需要修改Ecshop里category.php的$default_sort_order_type 默认的排序方式
留言与评论 (共有 条评论) |