zoomla
Version:
16年专业研发|中文alexa排名第一的CMS品牌-基于dotNET core、功能强大，集成站群、微信开发、小程序与ERP及OA办公系统，支持国际语言和多民族语言，世界五百强与大型门户专用高端网站内核CMS系统
286 lines (274 loc) • 14.4 kB
HTML
{ZL.Source id="店铺商品数据源标签"/}
<html>
<head>
<meta charset="utf-8">
<title>{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}_{ZL.Label id="输出指定店铺名称" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}</title>
<meta name="Keywords" content="{SField sid="店铺商品数据源标签" FD="Tagkey" page="0"/}">
{ZL:Boot()/}
<link href="{$CssDir/}global.css?Version={ZL.Label id="前端样式版本号"/}" rel="stylesheet"/>
<script src="{$CssDir/}js/server.js"></script>
<script src="/js/scrolltopcontrol.js"></script>
<script type="text/javascript" src="{$CssDir/}js/jquery.imagezoom.min.js"></script>
<style>
.bs-header { margin-top:0;}
</style>
</head>
<body>
<div class="container myTop">
<div class="row">
<div class="col-lg-4 col-md-3 col-sm-3 col-xs-12">
<div id="logo"><a href="/" target="_blank"><img src="{$LogoUrl/}" alt="{$SiteName/}" /></a></div>
</div>
<div class="col-lg-7 col-md-3 col-sm-3 col-xs-12">
<div id="TopNavBar">
<ul>
<li class="set_home"><a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{$SiteURL/}');" href="#">设为首页</a></li>
<li class="havior"><a href="javascript:window.external.addFavorite('{$SiteURL/}','{$SiteName/}');">加入收藏</a></li>
<li class="non"><a href="/user/">登录</a></li>
<li class="non"><a href="/user/Register">注册</a></li>
<li class="non">{ZL:Big5()/}</li>
</ul>
</div>
<form action="/search/SearchList" method="get" >
<div class="pull-right searchtxt">
<div class="input-group pull-right" style="width:200px;">
<input name="keyword" type="text" id="TxtKeyword" class="form-control" placeholder="全站搜索" style="width:150px;" />
<span class="input-group-btn">
<input type="submit" name="Button1" value="搜索" id="Button1" class="btn btn-primary" />
</span>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="relative">
<nav class="navbar navbar-default usershop_nav" role="navigation" id="usershop_nav">
<div class="container padding0_lg">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">智能切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand visible-xs" href="/Store/StoreIndex?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">{ZL.Label id="输出指定店铺名称" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/Store/StoreIndex?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">店铺首页</a></li>
<li id="usershop_node128"><a href="{ZL:GetNodeLinkUrl(128)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">公司介绍</a></li>
<li id="usershop_node124"><a href="{ZL:GetNodeLinkUrl(124)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">店铺公告</a></li>
<li id="usershop_node3"><a href="{ZL:GetNodeLinkUrl(3)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">店铺商品</a></li>
<li id="usershop_node125"><a href="{ZL:GetNodeLinkUrl(125)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">促销信息</a></li>
<li id="usershop_node127"><a href="{ZL:GetNodeLinkUrl(127)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">人才招聘</a></li>
</ul>
</div>
</div>
</nav>
</div>
<!-- 导航到此结束 -->
<div class="bs-header">
<div class="container">
<h1>{ZL.Label id="输出指定店铺名称" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}</h1>
<p>脚比路更长+服务到现场+智慧的思想....</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
{ZL.Label id="输出指定店铺左侧信息" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
{ZL.Label id="循环输出店铺节点列表" NodeID="3" /}
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
<div class="mySites margintop10">
<ul class="breadcrumb">
<li><a href="/Store/StoreIndex?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">店铺首页</a></li>
{ZL.Label id="输出多级店铺节点导航_V4" NodeID="{SField sid="店铺商品数据源标签" FD="NodeID" page="0"/}" ShowNum="30" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}
<li class="active">商品详情</li>
</ul>
</div>
<div class="row margintop10">
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="box">
<div class="tb-booth tb-pic tb-s310">
<a href='{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}'><img src='{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}' alt='{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}' rel='{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}' class="jqzoom" alt="{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}" /></a>
</div>
<div class="row">
<ul class="tb-thumb list-unstyled" id="thumblist">
<li class="col-lg-2 col-md-2 col-sm-2 col-xs-2 tb-selected"><div class="tb-pic tb-s40"><a href="javascript:;"><img src="{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}" mid="{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}" big="{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}" alt="{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}"></a></div></li>
<script>
var pics='{SField sid="店铺商品数据源标签" FD="pics" page="0"/}';
var jsonstr=JSON.parse(pics);
if(jsonstr.length>0)
{
for(i=0;i<jsonstr.length;i++)
{
document.write('<li class="col-lg-2 col-md-2 col-sm-2 col-xs-2"><div class="tb-pic tb-s40"><a href="javascript:;"><img src="/UploadFiles/'+jsonstr[i].url+'" mid="/UploadFiles/'+jsonstr[i].url+'" big="/UploadFiles/'+jsonstr[i].url+'" alt="'+jsonstr[i].desc+'"></a></div></li>');
}
}
</script>
</ul>
</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
<h1>{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}</h1>
<div class="main_con">
<span><img src="{$CssDir/}Images/inco_1.gif"> 编号:{SField sid="店铺商品数据源标签" FD="ProCode" page="0"/}</span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 品牌:{ZL.Label id="获取店铺商品品牌" TradeID="{SField sid="店铺商品数据源标签" FD="brand" page="0"/}" /}</span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 库存:{SField sid="店铺商品数据源标签" FD="stock" page="0"/}{SField sid="店铺商品数据源标签" FD="Prounit" page="0"/}</span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 零售价:{ZL:GetMoney({SField sid="店铺商品数据源标签" FD="ShiPrice" page="0"/},2,1)/}元 </span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 会员价:{ZL:GetMoney({SField sid="店铺商品数据源标签" FD="LinPrice" page="0"/},2,1)/}元</span><br/>
</div>
<span><img src="{$CssDir/}Images/inco_1.gif"> 颜色：
<script>
str='{SField sid="店铺商品数据源标签" FD="color" page="0"/}'; //这是一字符串
var strs = new Array();
strs = str.split(",");
for (n = 0; n < strs.length ; n++)
{
document.write("<a href='javascript:void(0)' class='normal' id='color" + n + "' onclick=changcolor('" + strs[n] + "','" + n + "')>" + strs[n] + "</a>"); //分割后的字符输出
}
</script>
</span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 尺寸：
<script>
str='{SField sid="店铺商品数据源标签" FD="size" page="0"/}'; //这是一字符串
var strs= new Array(); //定义一数组
strs=str.split(","); //字符分割
for (i=0;i<strs.length ;i++ )
{ //分割后的字符输出
document.write("<a href='javascript:void(0)' class='normal' id='size"+i+"' onclick=changUrl('"+strs[i]+"','"+i+"')>"+strs[i]+"</a>"); //分割后的字符输出
}
</script>
</span>
<div class="to_buy">
<form id="form" name="form" method="post" action="/Cart/Cart" style="margin-bottom:10px;">
<div class="input-group input-group-sm" style="max-width:150px;">
<span class="input-group-btn"><button class="btn btn-info" type="button" onClick="Product.minus();"><i class="zi zi_minus"></i></button></span>
<input type="text" class="form-control text-center" name="Pronum" id="Pronum" value="1" maxlength="8" />
<span class="input-group-btn"><button class="btn btn-info" type="button" onClick="Product.plus();"><i class="zi zi_plus"></i></button></span>
</div>
</form>
<input name="color" value="" id="color" type="hidden" />
<input name="size" value="" id="size" type="hidden" />
<button type="button" onClick="Product.submitToCart()" class="btn btn-danger"><i class="zi zi_shoppingcart"></i> 立即购买</button>
<button type="button" onClick="Product.addToCart()" class="btn btn-danger"><i class="zi zi_plussquare"></i> 加入购物车</button>
<a onclick="Product.addFav()" href="javascript:;" class="btn btn-link"><i class="zi zi_eye"></i> 关注商品</a>
</div>
</div>
</div>
<!--内容主体开始 -->
<ul class="nav nav-tabs margintop10">
<li class="active"><a href="#home" data-toggle="tab">商品详细</a></li>
<li><a href="#profile" data-toggle="tab">按参数购买</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="home">{SField sid="店铺商品数据源标签" FD="Procontent" page="0"/} </div>
<div class="tab-pane" id="profile">
<div style="display:none">
<form id="form" name="formw" method="post" action="/ShopCar" runat="server" target="_blank">
商品页网址
<input type="text" id="ProUrl" name="ProUrl" value="/Shop?ID={$GetRequest(ItemID)$}"/>
<br>
商品名称
<input type="text" id="Proname" name="Proname" value="{SField sid="店铺商品数据源标签" FD="ProName" page="0"/}"/>
商品价格
<input type="text" id="Wholesaleone" name="Wholesaleone" value="{ZL:GetMoney({SField sid="店铺商品数据源标签" FD="LinPrice" page="0"/},2,1)/}" />
商品数量
<input type="text" id="Stock" name="Stock" value="1" />
商品类型
<input type="text" id="ProClass" name="ProClass" value="1" />
您的备注
<input type="text" id="Proinfo" name="Proinfo" value="备注" />
商品属性
<input type="text" id="Attribute2" value="属性" />
商品图片地址
<input type="text" id="Thumbnails" name="Thumbnails" value="{SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/}" />
<input type="submit" name="button" id="button" value="提交" />
<br>
</form>
</div>
<div id="priceC"></div>
</div>
</div>
<script>
var strval='{SField sid="店铺商品数据源标签" FD="Nums" page="0"/}';
strval=strval.split(',');
for(var i=0;i<strval.length;i++){
strval[i]=strval[i].split('|');
if(strval[i].length>1){
document.getElementById("priceC").innerHTML+=strval[i][0]+"|价格:<input type='hidden' name='price' id='price"+i+"' value='"+strval[i][1]+"'>"+strval[i][1]+"<input type='text' name='num' id='num"+i+"' value='1' >件<input type='button' class='gopay' id='buttons"+i+"' onclick='putval("+i+")' value='购买'><br>";
};
}
function putval(num){
document.getElementById("Stock").value=document.getElementById("num"+num).value;//赋予购物表单中商品数量值
document.getElementById("Wholesaleone").value=document.getElementById("price"+num).value;//赋予购物表单中商品价格值
formw.submit();//提交name为formw的form表单
}
</script>
<!--右 -->
<div class="iframe_comm" id="iframe_comm">
<iframe id="comm_ifr" scrolling="no" onload="IfrAutoHeight();" src='/User/Order/ShareList?ProID={SField sid="店铺商品数据源标签" FD="ID" page="0"/}' style="width:100%;" align="middle" frameborder="0"></iframe>
<script type="text/javascript" src="/JS/Modal/APIResult.js"></script>
<script src="{$CssDir/}js/Product.js"></script>
<script>
function commentAnchor() { $("html,body").animate({ scrollTop: $("#iframe_comm").offset().top - 100 }, 300); }
function IfrAutoHeight() { var $ifr = $("#comm_ifr"); $ifr.height($ifr.contents().height()); }
</script>
</div>
</div>
</div>
</div>
{ZL.Label id="响应式全站底部"/}
</body>
</html>
<script>
//检测固顶事件
var IO=document.getElementById('usershop_nav'),Y=IO,H=0,IE6;
IE6=window.ActiveXObject&&!window.XMLHttpRequest;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
if(IE6)
IO.style.cssText="position:absolute;top:expression(this.fix?(document"+
".documentElement.scrollTop-(this.javascript||"+H+")):0)";
window.onscroll=function (){
var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);
if(s>H&&IO.fix||s<=H&&!IO.fix)return;
if(!IE6)IO.style.position=IO.fix?"":"fixed";
IO.fix=!IO.fix;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};
//]]>
//兼容wp8
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(
document.createTextNode(
"@-ms-viewport{width:auto!important}"
)
);
document.getElementsByTagName("head")[0].
appendChild(msViewportStyle);
}
$().ready(function(e) {
$("#usershop_node3").addClass("active");
$("#accordion .panel:nth-child(1) .panel-collapse").addClass("in");
});
//商品图片切换
$(document).ready(function(){
$(".jqzoom").imagezoom();
$("#thumblist li a").click(function(){
$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
$(".jqzoom").attr('src',$(this).find("img").attr("mid"));
$(".jqzoom").attr('rel',$(this).find("img").attr("big"));
});
});
</script>
<script>
Product.proid={SField sid="店铺商品数据源标签" FD="ID" page="0"/};
Product.init();
</script>