ECshop手机版商品详情模板示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>{$page_title}</title>
<meta name="Keywords" content="{$keywords}" />
<meta name="Description" content="{$description}" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="stylesheet" type="text/css" href="themesmobile/mo_paleng_moban/css/public.css"/>
<link rel="stylesheet" type="text/css" href="themesmobile/mo_paleng_moban/css/goods.css"/>
<script type="text/javascript" src="themesmobile/mo_paleng_moban/js/jquery.js"></script>
<script type="text/javascript" src="themesmobile/mo_paleng_moban/js/TouchSlide.1.1.js"></script>
{insert_scripts files='jquery.json.js,transport.js'}
<script type="text/javascript" src="themesmobile/mo_paleng_moban/js/touchslider.dev.js"></script>
{insert_scripts files='common.js'}
</head>
<body>
{insert name='share'}{insert name='add_url_uid'}
<script type="text/javascript">
var process_request = "{$lang.process_request}";
</script>
<script language="javascript">
<!--
/*屏蔽所有的js错误*/
function killerrors() {
return true;
}
window.onerror = killerrors;
//-->
function tiaozhuan()
{
//var thisurl = window.location.href;
document.getElementById("share_form").submit();
}
</script>
<script type="text/javascript">
/*第一种形式 第二种形式 更换显示样式*/
function setGoodsTab(name,cursel,n){
$('html,body').animate({'scrollTop':0},600);
if(cursel==2){
document.getElementById("product_desc").style.marginTop="45px";
}else{
document.getElementById("product_desc").style.marginTop="0px";
}
document.getElementById('can_show').innerHTML=0;
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("user_"+name+"_"+i);
menu.className=i==cursel?"on":"";
con.style.display=i==cursel?"block":"none";
}
}
</script>
<!----------------------------------header----------------------------------->
{insert name='add_url_uid'}
<div class="goods_header">
<h2><a class="sb-back" href="javascript:history.back(-1)" title="返回"></a></h2>
<ul>
<li><a href="javascript:;" class="tab_head on" id="goods_ka1" onClick="setGoodsTab('goods_ka',1,3)">套餐方案</a></li>
<li><a href="javascript:;" class="tab_head" id="goods_ka2" onClick="setGoodsTab('goods_ka',2,3), show_goods_desc()">图文详情</a></li>
<li><a href="javascript:;" class="tab_head" id="goods_ka3" onClick="setGoodsTab('goods_ka',3,3)">交易评价</a></li>
</ul>
<dl>
<dd class="top_bar">
<div onClick="show_menu();$('#close_btn').addClass('hid');" id="show_more"><a href="javascript:;"></a></div>
</dd>
<!dt> <a href="flow.php" class="show_cart"><em class="global-nav__nav-shop-cart-num" id="ECS_CARTINFO">{insert name='cart_info'}</em></a></dt>
</dl>
</div>
<!-- #BeginLibraryItem "/library/up_menu.lbi" --><!-- #EndLibraryItem --> <!--弹出菜单-->
<form action="share_goods.php" method="post" id="share_form">
<input type="hidden" name="content" value="{$goods.goods_style_name}">
<input type="hidden" name="pics" value="{$goods.goods_img}">
<input type="hidden" name="gid" value="{$goods.goods_id}">
<input type="hidden" name="url" value="http://{$smarty.server.SERVER_NAME}{$smarty.server.REQUEST_URI}">
</form>
<form action="javascript:addToCart({$goods.goods_id})" method="post" id="purchase_form" name="ECS_FORMBUY" >
<!-----------------------------------商品-------------------------------------->
<input type="hidden" id="chat_goods_id" value="{$goods.goods_id}" />
<input type="hidden" id="chat_supp_id" value="{$goods.supplier_id}" />
<!-- 单品介绍图片 -->
<!-- #BeginLibraryItem "/library/goods_gallery.lbi" --><!-- #EndLibraryItem --
<div class="product_info">
<!--商品名称、描述、分享 移除H3和判断,修正标题自动换行并居中-->
<div class="info_dottm">
<h2>{$goods.goods_name}</h2>
<div class="right"><!--<a onClick="tiaozhuan()">-->
<a href="share_goods.php?id={$goods.goods_id}">
<div id="pro_share" class="share"></div>
</a></div>
</div>
<!--价格-->
<dl class="goods_price">
{if $goods.is_promote and $goods.gmt_end_time}
<!--判断是否是促销商品-->
<dt> <span id="ECS_GOODS_AMOUNT">{$goods.promote_price}</span> <em>促销价</em><em>剩余<i id="leftTime">{$lang.please_waiting}</i></em> </dt>
{insert_scripts files='lefttime.js'}<!--倒计时引用js-->
<dd><i>价格:<font>{$goods.shop_price_formated}</font></i>
<!-- {if $goods.give_integral eq '-1'} 购买此商品赠送积分-->
<em>赠送积分: <span id="ECS_GOODS_AMOUNT_JF"></span></em>
<!-- {elseif $goods.give_integral > 0} -->
<em>赠送积分: <span>{$goods.give_integral}</span></em>
<!-- {else} -->
<em>赠送积分: <span>0</span></em>
<!-- {/if} -->
<em id="IS_EXCLUSIVE" style="display:none">手机专享</em>
<!-- {if $goods.is_shipping} 为免运费商品则显示--><em>包邮</em><!-- {/if} -->
</dd>
{else}
<dt> <span id="ECS_GOODS_AMOUNT">{$goods.shop_price_formated}</span>
<!-- {if $goods.is_shipping} 为免运费商品则显示--><em>包邮</em><!-- {/if} -->
</dt>
<dd> <i>价格:<font>{$goods.market_price}</font></i>
<!-- {if $goods.give_integral eq '-1'} 购买此商品赠送积分-->
<em>赠送积分: <span id="ECS_GOODS_AMOUNT_JF"></span></em>
<!-- {elseif $goods.give_integral > 0} -->
<em>赠送积分: <span>{$goods.give_integral}</span></em>
<!-- {else} -->
<em>赠送积分: <span>0</span></em>
<!-- {/if} -->
<em id="IS_EXCLUSIVE" style="display:none">手机专享</em> </dd>
{/if}
</dl>
<ul class="price_dottm">
<li style=" text-align:left">折扣:{$zhekou}折</li>
<li>{$review_count}人评价</li>
<li style=" text-align:right">{$order_num}人已购</li>
</ul>
</div>
<!---新增:刷新/详情/评价---->
<div class="goods_price" style="background:#FF4500;margin-left:-3px;width:100.5%;">
<table style="width:100%;line-height:45px;text-align:center;">
<tr>
<td style="width:25%;" ><a href="javascript:location.reload();" style="color:#ffffff;font-size:18px;">轮播主图</a></td>
<td style="width:25%;" ><a href="javascript:;" class="tab_head" id="goods_ka2" style="color:#ffffff;font-size:18px;" onClick="setGoodsTab('goods_ka',2,3), show_goods_desc()">商品详情</a></td>
<td style="width:25%;" ><a href="javascript:;" class="tab_head" id="goods_ka3" onClick="setGoodsTab('goods_ka',3,3)" style="color:#ffffff;font-size:18px;" >买家评价</a></td>
<td style="width:25%;"><a href="supplier_near.php" style="color:#ffffff;font-size:18px;">附近的店</a></td>
</tr>
</table>
</div>
<!---优惠活动--->
<!-- {if $promotion || $volume_price_list || $goods.give_integral > 0 || $goods.bonus_money} -->
<div class="goods_hd">
<dl>
<dt onClick="choose_attrtwo(0)">
{if $promotion}
<!-- {foreach from=$promotion item=item key=key name=promotion}-->
<!--{if $smarty.foreach.promotion.iteration < 2} -->
<i>惠</i><span>{$item.act_name}</span>
<!--{/if}-->
<!-- {/foreach} -->
{elseif $volume_price_list}
<!--{foreach from=$volume_price_list item=price_list key=price_key name=name}-->
<!-- {if $smarty.foreach.name.iteration < 2}-->
<i>惠</i><span>购买{$price_list.number}件 优惠价:{$price_list.format_price}</span>
<!-- {/if}-->
<!--{/foreach}-->
{elseif $goods.give_integral > 0} <i>惠</i><span>{$lang.goods_give_integral} {$goods.give_integral}{$points_name}</span>
{elseif $goods.bonus_money} <i>赠</i><span>{$lang.goods_bonus}{$goods.bonus_money}</span> {/if} </dt>
</dl>
</div>
<!-- {/if} -->
<!---自提点---->
<!--{if $pups && $ppts}-->
<div class="product_info">
<!--到店自取,需在后台将“详细商品描述"改为"上门自取"-->
<div class="info_dottm" style="height:auto!important;">
<div style="text-align:left;"><a href="pocking.php?id={$goods.goods_id}" style="color:red;font-size:18px;vertical-align:bottom;">到店自取:{if $goods.goods_brief}<em style="color:green;">{$goods.goods_brief}</a> </em>{else}<em><span>抱歉!该商品目前暂无自取地点</span></em></a>{/if}</div>
</div>
</div>
<!--没写的,留坑,锚点定位1-->
<!--页面切换-->
<div class="main body_bj" id="user_goods_ka_1" style="display:block;">
<div class="goods_hd">
<h4 style="background:#FF4500;color:#fff;text-align:center;">套餐方案: 卖家推出的套餐搭配优惠</h4>
</div>
<!---优惠政策--->
<!---{if $rank_prices}------>
<div class="goods_hd">
<dl>
<dt onClick="choose_attrstr(0)" >优惠方案:协助实体店打通区块交易补贴</dt>
</dl>
</div>
<!---{/if}--->
<!---产品参数-->
<div class="goods_can">
<dl>
<dt onClick="choose_attrone(0)">产品参数:查看商品是否符合自己的需求</dt>
</dl>
</div>
<!---商品属性-->
{if $specification}
<div class="goods_can">
<dl id="ECS_SELECT_GOODS_ATTR" style="display:none">
</dl>
</div>
{/if}
<!-- {/if} -->
<!---优惠套餐-->
<!--{if $package_goods_list_120}-->
<section class="index_taocan">
<a href="goods.php?act=taocan&goods_id={$goods.goods_id}">
<h2><span></span>推荐套餐</h2>
<div class="tc_goods">
{foreach from=$package_goods_list_120 name="pa_list" item=pa_item}
{if $smarty.foreach.pa_list.first}
{foreach from=$pa_item.goods_list name="pa_list_goods" item=pa_goods}
{if $smarty.foreach.pa_list_goods.iteration < 4}
{if $smarty.foreach.pa_list_goods.iteration eq 3}
<dl class="t_goods">
<dt>
<span> {$pa_goods.rank_price_zk_format}</span>
<i><img src="{$pa_goods.goods_thumb}" class="B_eee" ></i>
</dt>
</dl>
{else}
<dl class="t_goods">
<dt><span>{$pa_goods.rank_price_zk_format}</span>
<i><img src="{$pa_goods.goods_thumb}" class="B_eee" ></i></dt>
</dl>
<div class="jia"><img src="themesmobile/mo_paleng_moban/images/goods/jia.png" class="B_eee" ></div>
{/if}
{/if}
{/foreach}
{/if}
{/foreach}
</div>
</a>
</section>
<!--div class="goods_hd">
<h4 style="background:red;color:yellow;text-align:center;">温馨提示: 如果距离近组团到店购买最实惠哦!</h4>
</div-->
<!--{/if}-->
<!---店铺信息---->
<!-- {if $goods.supplier_id} -->
<section class="rzs_info">
<div class="top_info">
<dl>
<a href="supplier.php?suppId={$suppid}">
<dt><!--{if $shop_logo}--><img src="./..{$shop_logo}"><!--{else}--><img src="themesmobile/mo_paleng_moban/images/goods/dianpu.jpg"><!--{/if}--></dt>
<dd><span>{$shopname}</span><em style="overflow:hidden">{$region}{$address}</em></dd>
</a>
</dl>
<ul>
<a href="supplier.php?suppId={$suppid}">
<li class="bian_l whim"><strong>{$goodsnum}</strong><font>全部商品</font></li>
<li class="bian_l whim"><strong>{$fensi}</strong><font>关注人数</font></li>
<li class="whim1">
<span><em>宝贝描述</em><i>{if $c_rank gt 0}{$c_rank}{else}5.0{/if}</i></span>
<span><em>服务能力</em><i>{if $serv_rank gt 0}{$serv_rank}{else}5.0{/if}</i></span>
<span><em>物流效率</em><i>{if $shipp_rank gt 0}{$shipp_rank}{else}5.0{/if}</i></span>
</li>
</a>
</ul>
</div>
<div class="s_dianpu">
<span>{if $is_guanzhu}<a href="javascript:void(0)" style=" margin-left:7%;"><em class="bg1"></em>已经收藏</a>{else}<a href="javascript:guanzhu({$suppid})" style=" margin-left:7%;"><em class="bg1"></em>关注店铺</a>{/if}</span>
<span><a href="supplier.php?suppId={$suppid}" style=" margin-left:3%;"><em class="bg2"></em>进入店铺</a></span>
</div>
</section>
<!-- {/if} -->
<!--滑动转详情 start-->
<!--div id="J_ItemList">
<ul class="product single_item info">
</ul>
<a href="javascript:;" class="get_more" style="display:none;">
</a>
</div-->
<!--滑动转详情 end Bug 已注释-->
<div id='can_show' style="display:none;height:0px;">1</div>
</div>
<!---------------------------------详情----------------------------------->
<!--纵向滑动锚点定位2还没写-->
<!--分页二跳转-->
<div class="main" id="user_goods_ka_2" style="display:none;">
<div class="product_main" style="background:#fff;">
<div class="goods_hd">
<h4 style="background:#FF4500;color:#fff;text-align:center;">商品详情: 产品详细规格及图文描述</h4>
</div>
<div class="product_images product_desc" id="product_desc"> </div>
</div>
</div>
<!---------------------------------评价----------------------------------->
<!--纵向滑动锚点定位3还没写-->
<!--分页跳转3-->
<div class="tab_attrs tab_item hide" id="user_goods_ka_3" style="background:#fff;">
<div class="goods_hd" style="background:#fff;">
<div style="background:#FF4500;color:#fff;text-align:center;">交易评价: 已购用户使用反馈供您参考</div>
</div>
<!-- #BeginLibraryItem "/library/comments.lbi" --><!-- #EndLibraryItem -->
<script language="javascript"> ShowMyComments({$goods.goods_id},0,1);</script>
<br><br><br></div></div>
<!---------------------------底部----------------------------------->
<script type="text/javascript" src="themesmobile/mo_paleng_moban/js/jquery.more.js"></script>
<script type="text/javascript">
/*var url = 'index_bestgoods.php?act=ajax';
$(function(){
$('#J_ItemList').more({
alert(1);
});
});*/
$(document).ready(function(){
$(window).scroll(function() {
prince_show();
// if(scrollTop<-60){
// alert('到顶了');
// }
});
});
function prince_show(){
var scrollTop = $(this).scrollTop(),scrollHeight = $(document).height(),windowHeight = $(this).height();
var positionValue = (scrollTop + windowHeight) - scrollHeight;
var can_show=document.getElementById('can_show').innerHTML;
if (positionValue >=0 && can_show>=1) {
alert(positionValue+'-'+scrollTop+'-'+windowHeight+'-'+scrollHeight+'-'+when_number);
if((document.getElementById('goods_ka1').className=='on' || document.getElementById('goods_ka1').className=='tab_head on') ){
document.getElementById('goods_ka2').className="on";
document.getElementById('goods_ka1').className="tab_head";
document.getElementById("user_goods_ka_2").style.display="block";
document.getElementById("product_desc").style.marginTop="0px";
show_goods_desc();
prince_show();
}else if(document.getElementById('goods_ka2').className=='on' ){
document.getElementById('goods_ka2').className="tab_head";
document.getElementById('goods_ka3').className="on";
document.getElementById("user_goods_ka_3").style.display="block";
}
}else{
var new_can_show=parseInt(can_show)+1;
document.getElementById('can_show').innerHTML=new_can_show;
}
var a = document.getElementById("user_goods_ka_1").offsetTop;
var b = document.getElementById("user_goods_ka_2").offsetTop;
var c = document.getElementById("user_goods_ka_3").offsetTop;
if(b!=0 && b> ($(window).scrollTop()+$(window).height())){
document.getElementById('goods_ka1').className="on";
document.getElementById('goods_ka2').className="tab_head";
document.getElementById('goods_ka3').className="tab_head";
}else if(c!=0 && c> ($(window).scrollTop()+$(window).height())){
document.getElementById('goods_ka1').className="tab_head";
document.getElementById('goods_ka2').className="on";
document.getElementById('goods_ka3').className="tab_head";
}
if(c==0 && b!=0 && b <$(window).scrollTop()+$(window).height()){
document.getElementById('goods_ka1').className="tab_head";
document.getElementById('goods_ka2').className="on";
document.getElementById('goods_ka3').className="tab_head";
}
}
</script>
<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();
try { onload_leftTime(now_time); }
catch (e) {
}
}
/**/
function show_goods_desc(){
document.getElementById('product_desc').innerHTML = '{$goods.goods_desc}';
}
/**
* 点选可选属性或改变数量时修改商品价格的函数
*/
function changePrice()
{
var attr = getSelectedAttributes(document.forms['ECS_FORMBUY']);
var qty = document.forms['ECS_FORMBUY'].elements['number'].value;
if(qty <=0 ){
document.forms['ECS_FORMBUY'].elements['number'].value = 1;
qty = 1;
}
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;
}
if(document.getElementById('ECS_GOODS_NUMBER')){
document.getElementById('ECS_GOODS_NUMBER').innerHTML = res.goods_attr_number;
if(res.goods_attr_number > 0){
document.getElementById('ECS_ADD_TO_CART').style.display="block";
document.getElementById('ECS_ONE_STEP_BUY').style.display="block";
document.getElementById('ECS_DAOHUO').style.display="none";
}else{
document.getElementById('ECS_ADD_TO_CART').style.display="none";
document.getElementById('ECS_ONE_STEP_BUY').style.display="none";
document.getElementById('ECS_DAOHUO').style.display="block";
}
}
if(document.getElementById('ECS_GOODS_AMOUNT_JF')){
document.getElementById('ECS_GOODS_AMOUNT_JF').innerHTML = res.result_jf;
}
if(document.getElementById('ECS_GOODS_AMOUNT_CHOOSE')){
document.getElementById('ECS_GOODS_AMOUNT_CHOOSE').innerHTML = res.result;
}
if(document.getElementById('ECS_GOODS_ATTR_THUMB')){
document.getElementById('ECS_GOODS_ATTR_THUMB').src = res.goods_attr_thumb;
}
if(document.getElementById('ECS_GOODS_ATTR')){
document.getElementById('ECS_GOODS_ATTR').innerHTML = res.goods_attr;
}
if(document.getElementById('ECS_SELECT_GOODS_ATTR') && res.goods_attr != ''){
document.getElementById('ECS_SELECT_GOODS_ATTR').style.display="block";
document.getElementById('ECS_SELECT_GOODS_ATTR').innerHTML ="<dt onClick='choose_attr(0)'><span>产品属性:" + res.goods_attr + "</span></dt>";
}
if(document.getElementById('IS_EXCLUSIVE') && res.is_exclusive){
document.getElementById('IS_EXCLUSIVE').style.display = 'block';
}else{
document.getElementById('IS_EXCLUSIVE').style.display = 'none';
}
}
}
<!-- {/literal} -->
</script>
<!---------------------------------底部弹出层----------------------------------->
<!--优惠活动弹出代码-->
<section class="f_mask2" style="display: none;"></section>
<section class="f_block2" id="choose_attr2" style="height:0; overflow:hidden;">
<!---优惠活动列表-->
<div class="Promotions">
<h2>优惠活动</h2>
<ul>
<!-- 优惠活动-->
<!-- {foreach from=$promotion item=item key=key name=promotion}-->
<a href="{$item.url}" title="{$lang.$item.type} {$item.act_name}{$item.time}">
<li>
<i>惠</i>
<span>{$item.act_name}</span>
</li></a>
<!-- {/foreach} -->
<!--购买优惠 {if $volume_price_list}-->
{foreach from=$volume_price_list item=price_list key=price_key}
<li><i>购</i>
<span>购买{$price_list.number}件 优惠价:{$price_list.format_price}</span></li>{/foreach}
<!-- {/if} -->
<!-- {if $goods.bonus_money} 红包-->
<li>
<i>赠</i><span>{$lang.goods_bonus}{$goods.bonus_money}</span></li>
<!-- {/if} -->
</ul>
</div>
<div class="goods_shut">
<a href="javascript:void(0)" onclick="close_choose_attr2();" class="shut" style=" color:#FFF; font-size:18px;">关闭</a>
</div>
</section>
<!--滑动锚点定位-->
<!--等待完善-->
<!--滑动锚点定位结束-->
<script>
function choose_attrtwo(num){
$("#choose_attr2").animate({height:'80%'},[10000]);
var total=0,h=$(window).height(),
top =$('.Promotions h2').height()||0,
con = $('.Promotions');
total = 0.8*h;
con.height(total-top+'px');
$(".f_mask2").show();
}
function close_choose_attr2(){
$(".f_mask2").hide();
$('#choose_attr2').animate({height:'0'},[10000]);
}
function changeAtt(t) {
t.lastChild.checked='checked';
for (var i = 0; i<t.parentNode.childNodes.length;i++) {
if (t.parentNode.childNodes[i].className == 'hover') {
t.parentNode.childNodes[i].className = '';
t.childNodes[0].checked="checked";
}
}
t.className = "hover";
changePrice();
}
function changeAtt1(t) {
t.lastChild.checked='checked';
for (var i = 0; i<t.parentNode.childNodes.length;i++) {
if (t.className == 'hover') {
t.className = '';
t.childNodes[0].checked = false;
}
else{
t.className="hover";
t.childNodes[0].checked = true;
}
}
changePrice();
}
</script>
<!--商家补贴优惠信息弹出代码-->
<section class="f_mask3" style="display: none;"></section>
<section class="f_block3" id="choose_attr3" style="height:0; overflow:hidden;">
<div class="subNavBox" style="height:480%;">
<a href="javascript:void(0)" onclick="close_choose_attr3();">
<h2>商家补贴优惠信息</h2>
<li>
</li>
<!-- {if $rank_prices} 会员等级价格-->
<ul>
{foreach from=$rank_prices item=rank_price key=key}
<li>
<p>{$rank_price.rank_name}:</p>
<span>{$rank_price.price}</span>
</li>
{/foreach}
</ul>
<!---{/if}-->
</a>
</div>
<div class="goods_shut">
<a href="javascript:void(0)" onClick="close_choose_attr3();choose_attrone(0);" class="shut" style=" color:#FFF;font-size:18px;">查看产品参数</a>
</div>
</section>
<script>
function choose_attrstr(num){
$("#choose_attr3").animate({height:'55%'},[10000]);
var total=0,h=$(window).height(),
top =$('.subNavBox').height()||0,
con = $('.subNavBox ul');
total = 0.8*h;
con.height(total-top+'px');
$(".f_mask3").show();
}
function close_choose_attr3(){
$(".f_mask3").hide();
$('#choose_attr3').animate({height:'0'},[10000]);
}
</script>
<!--产品参数弹出代码-->
<section class="f_mask1" style="display: none;" ></section>
<section class="f_block1" id="choose_attr1" style="height:0px;overflow:hidden;">
<section class="good_canshu" >
<a href="javascript:void(0)" onclick="close_choose_attr1();">
<h2>{$lang.xinxi}</h2>
<ul>
<li><p>商品名称:</p><span>{$goods.goods_style_name}</span></li>
<!-- {if $goods.goods_sn} 显示商品货号 -->
<li><p>商品编号:</p><span>{$goods.goods_sn}</span></li><!--{/if}-->
<!-- {if $goods.goods_brand} 显示商品品牌-->
<li><p>商品品牌:</p><span><a href="{$goods.goods_brand_url}" >{$goods.goods_brand}</a></span></li><!--{/if}-->
<!-- {if $goods.add_time} 上架时间-->
<li><p>上架时间:</p><span>{$goods.add_time}</span></li><!--{/if}-->
<!-- {if $goods.goods_weight} 商品重量-->
<li><p>商品重量:</p><span>{$goods.goods_weight}</span></li><!--{/if}-->
<!-- {if $goods.goods_number eq 0} -->
<li><p>商品库存:</p><span> {$lang.stock_up} </span></li>
<!-- {else} -->
<li><p>商品库存:</p><span> {$goods.goods_number} {$goods.measure_unit} </span></li> <!-- {/if} -->
<!-- {if $properties} -->
<!-- {foreach from=$properties item=property_group key=key} -->
<!-- {foreach from=$property_group item=property} -->
<li><p>{$property.name|escape:html}:</p><span>{$property.value}</span></li>
<!-- {/foreach}-->
<!-- {/foreach}-->
<!--{/if}-->
</a>
</ul>
</section>
<div class="goods_shut">
<a href="pocking.php?id={$goods.goods_id}" onClick="close_choose_attr1();" class="shut" style=" color:#FFF;font-size:18px;">查找附近销售点</a>
</div>
</section>
<script>
function choose_attrone(num){
$("#choose_attr1").animate({height:'50%'},[10000]);
var total=0,h=$(window).height(),
top =$('.good_canshu').height()||0,
con = $('.xiangq');
total = 0.8*h;
con.height(total-top+'px');
$(".f_mask1").show();
}
function close_choose_attr1(){
$(".f_mask1").hide();
$('#choose_attr1').animate({height:'0'},[10000]);
}
</script>
<!-- 购物车弹出代码-->
<section class="f_mask" style="display: none;"></section>
<section class="f_block" id="choose_attr" style="height:0; overflow:hidden;">
<!-- #BeginLibraryItem "/library/goods_choose_attr.lbi" --><!-- #EndLibraryItem -->
</section>
<script>
function choose_attr(num){
document.body.style.overflow='hidden';
$("#choose_attr").animate({height:'80%'},[10000]);
var total=0,h=$(window).height(),
top =$('.f_title_attr').height()||0,
bottom =$('#choose_attr .f_foot').height()||0,
con = $('.f_content_attr');
total = 0.8*h;
con.height(total-top-bottom+'px');
$(".f_mask").show();
if(num == 0){
var actionForm = document.getElementById('purchase_form');
actionForm.action = "javascript:addToCart({$goods.goods_id}),close_choose_attr()";
}
if(num == 1){
var actionForm = document.getElementById('purchase_form');
actionForm.action = "javascript:addToCart({$goods.goods_id},0,1),close_choose_attr()";
}
}
function close_choose_attr(){
document.body.style.overflow='';
$(".f_mask").hide();
$('#choose_attr').animate({height:'0'},[10000]);
}
</script>
<!-- 到货通知弹出代码-->
<section class="f_mask6" style="display: none;"></section>
<section class="f_block6" id="choose_attr6" style="height:0; overflow:hidden;">
<section class="callme">
<h2>到货通知</h2>
<div id="tell_me_form" style="display:none;">
<div class="tell_me_con">
<div style="background:#FFFDEE ;border:1px dotted #ff3300;line-height:20px; font-weight:normal; padding:10px; margin-top:10px;">
<p style="font-size:16px;color:#F52648;">{$goods.goods_name|truncate:20}</p>
<p style="font-size:12px;color:#999;"> 当商品进行补货时,我们将以短信、邮件的形式通知您,最多发送一次,不会对您造成干扰。</p>
</div>
<ul>
<li><span><font color=#ff3300>*</font>数量:</span><em><input type="text" value="1" id="book_number" /></em></li>
<li><span><font color=#ff3300>*</font>手机号码:</span><em><input type="text" value="" id="phone_num" /></em></li>
<li><span><font color=#ff3300>*</font>电子邮箱:</span><em><input type="text" value="" id="arrival_email" /></em></li>
<li><input type="button" value="提交" onclick="tell_me1({$goods.goods_id})" class="tell_btn"/></li>
</ul>
</div>
</div>
<script>
$(function(){
$('#tell_me_form').css('left',($(window).width()-500)/2);
$('#tell_me_form').css('top',($(window).height()-300)/2);
$('.tell_me_close').click(function(){
$('#tell_me_form').hide();
//document.getElementById('bg').style.display='none';
})
})
</script>
<script type="text/javascript">
function tell_me(goods_id){
//no_have = (typeof(no_have_val) == "undefined" ? 0 : no_have_val);
Ajax.call('user.php?act=book_goods', 'id=' + goods_id, tellmeResponse, 'GET', 'JSON');
}
function tellmeResponse(result){
if(result.error==1){
document.getElementById('tell_me_form').style.display = 'block';
// document.getElementById('bg').style.display='block';
document.getElementById('phone_num').value=result.tel;
document.getElementById('arrival_email').value=result.email;
choose_attr6(0);
}
if(result.error==0){
alert(result.message);
}
if(result.error==2){
alert(result.message);
close_choose_attr6();
document.getElementById('tell_me_form').style.display = document.getElementById('tell_me_form').style.display=='none'?'block':'none';
// document.getElementById('bg').style.display='none';
}
}
function tell_me1(goods_id){
var num=document.getElementById('book_number').value;
var tel=document.getElementById('phone_num').value;
var email=document.getElementById('arrival_email').value;
var msg = '';
var g = /^[1-9]*[1-9][0-9]*$/;
if (num == '') {
msg += '数量不能为空!\n';
}else if(!g.test(num)){
msg += '数量需为正整数!\n';
}
if (tel == '') {
msg += '手机号码不能为空!\n';
}
if (email == '') {
msg += '邮箱不能为空!\n';
}
if (msg)
{
alert(msg);
return false;
}
else
{
//no_have = (typeof(no_have_val) == "undefined" ? 0 : no_have_val)
Ajax.call('user.php?act=add_book_goods', 'id=' + goods_id + '&num=' + num+ '&tel=' + tel+ '&em=' + email, tellmeResponse, 'GET', 'JSON');
}
}
</script>
<!-- #BeginLibraryItem "/library/arrive_notice.lbi" --><!-- #EndLibraryItem -->
</section>
<div class="goods_shut">
<a href="javascript:void(0)" onclick="close_choose_attr6();" class="shut" style=" color:#FFF;font-size:18px;">关闭</a>
</div>
</section>
<script>
function choose_attr6(num){
$("#choose_attr6").animate({height:'80%'},[10000]);
var total=0,h=$(window).height(),
top =$('.callme').height()||0,
con = $('.tell_me_con');
total = 0.8*h;
con.height(total-top+'px');
$(".f_mask6").show();
}
function close_choose_attr6(){
$(".f_mask6").hide();
$('#choose_attr6').animate({height:'0'},[10000]);
}
function guanzhu(sid){
Ajax.call('supplier.php', 'go=other&act=add_guanzhu&suppId=' + sid, selcartResponse, 'GET', 'JSON');
}
function selcartResponse(result){
alert(result.info);
}
</script>
</form>
<div style=" height:55px;"></div>
<div class="footer_nav">
<ul>
<li class="bian"><a href="index.php"><em class="goods_nav1"></em><span>首页</span></a> </li>
<li class="bian">
{if $customers}<a href="javascript:chat_online();">
{else}
{if $wechat && $is_wechat}<a href="javascript:show_wechat_kefu();">
{else}
{if $goods.supplier_id}<a href="http://wpa.qq.com/msgrd?v=3&uin={$serviceqq}&site=qq&menu=yes" target="_blank">
{else}<a href="http://wpa.qq.com/msgrd?v=3&uin=547430970&site=qq&menu=yes" target="_blank">
{/if}
{/if}
{/if}
<em class="goods_nav2"></em><span>客服</span></a> </li>
<li><a href="javascript:collect({$goods.goods_id})" id="favorite_add"><em class="goods_nav3"></em><span>收藏</span></a></li>
</ul>
<dl>
<dd class="flow" id="ECS_ADD_TO_CART"><a class="button active_button" onClick="choose_attr(0)">加入购物车</a> </dd>
<dd class="goumai" id="ECS_ONE_STEP_BUY"><a style="display:block;" onClick="choose_attr(1)">立即购买</a> </dd>
<span class="daohuo" id="ECS_DAOHUO"> <a onClick="tell_me({$goods.goods_id})"/>到货通知</a></span>
</dl>
</div>
</body>
</html>