zoomla
Version:
16年专业研发|中文alexa排名第一的CMS品牌-基于dotNET core、功能强大，集成站群、微信开发、小程序与ERP及OA办公系统，支持国际语言和多民族语言，世界五百强与大型门户专用高端网站内核CMS系统
252 lines (245 loc) • 10.9 kB
HTML
{ZL.Source id="店铺商品模型数据源标签"/}
<html>
<head>
<meta charset="utf-8">
<title>{SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/}_{$SiteName/}</title>
<meta name="Keywords" content="{SField sid="店铺商品模型数据源标签" FD="Meta_Keywords" page="0"/}" />
<meta name="description" content="{SField sid="店铺商品模型数据源标签" FD="Meta_Description" page="0"/}" />
{ZL:Boot4()/}
<link href="{$CssDir/}global.css?Version={ZL.Label id="前端样式版本号"/}" rel="stylesheet"/>
<script type="text/javascript" src="{$CssDir/}js/jquery.imagezoom.min.js"></script>
<script src="/js/scrolltopcontrol.js" type="text/javascript"></script>
<script type="text/javascript" src="{$CssDir/}js/server.js"></script>
<script src="/JS/ZL_Regex.js" type="text/javascript"></script>
<style type="text/css">
.navbar-default .navbar-nav>#Menu{SField sid="店铺商品模型数据源标签" FD="FirstNodeID" page="0"/}>a, .navbar-default .navbar-nav>#Menu{SField sid="店铺商品模型数据源标签" FD="FirstNodeID" page="0"/}>a:hover, .navbar-default .navbar-nav>#Menu{SField sid="店铺商品模型数据源标签" FD="FirstNodeID" page="0"/}>a:focus { color: #555; background-color: #e7e7e7 }
.nodeList_c li a { padding-top:.8em; padding-bottom:.8em; font-size:1.1em;}
.usershop_mainR h1 { margin-top:0; line-height:1.4em; font-size:1.4em; text-align:justify; text-justify:inter-ideograph; overflow:hidden; color:#000;}
.usershop_mainR_c ul { padding-left:0; list-style:none;}
.usershop_mainR_c li { color:#666; height:3em; line-height:3em; border-bottom:1px dotted #ddd;}
.usershop_mainR_c li span { display:inline-block; color:#000;}
.usershop_mainR_c li span:first-child { width:60px; color:#666;}
.usershop_mainR_b .input-group { float:left; max-width:120px; margin-right:5px;}
.usershop_mainR_b .form-control { text-align:center;}
#home_nav { position: relative;}
</style>
</head>
<body id="header">
{ZL.Label id="全站头部"/}
<div class="bs-header" >
<div class="container">
<h1>{ZL.Label id="输出指定ID节点名" NodeID="{SField sid="店铺商品模型数据源标签" FD="NodeID" page="0"/}" /}</h1>
<p>脚比路更长+服务到现场+智慧的思想....</p>
</div>
</div>
<main role="main">
<div class="container margintop10">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="nodeList">
<div class="nodeList_t"><span>男人</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="8" ShowNum="10" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
<div class="nodeList">
<div class="nodeList_t"><span>女人</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="9" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
<div class="nodeList">
<div class="nodeList_t"><span>运动</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="17" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
<div class="nodeList">
<div class="nodeList_t"><span>手机数码</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="16" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
<div class="nodeList">
<div class="nodeList_t"><span>母婴</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="15" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
<div class="mySites" style="margin-top:0; margin-bottom:20px;">
<ul class="breadcrumb">
<li><a href="/">首页</a></li>
{ZL.Label id="输出多级节点导航_V4" NodeID="{SField sid="店铺商品模型数据源标签" FD="NodeID" page="0"/}" ShowNum="30" /}
<li class="active">{ZL:CutText({SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/},15,...)/}</li>
</ul>
</div>
<!--面包屑导航结束-->
<div class="row">
<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"/}" onerror="javascript:this.src='/UploadFiles/nopic.gif';" /></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>');
}
}
function addfav() {
$.post("/API/mod/collect.ashx", {action:"add",favurl:"/Shop?itemid={SField sid="店铺商品模型数据源标签" FD="ID" page="0"/}.",infoid:"{SField sid="店铺商品模型数据源标签" FD="ID" page="0"/}",type:2,title:"{SField sid="店铺商品模型数据源标签" FD="Title" page="0"/}"},function(data){
var model=JSON.parse(data);
if(APIResult.isok(model)){
alert("收藏成功!");
}else{
alert("收藏失败!原因:"+model.retmsg);
}
});
}
</script>
</ul>
</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 usershop_mainR">
<h1>{SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/}</h1>
<div class="usershop_mainR_c">
<ul>
<li><span>编号：</span><span>{SField sid="店铺商品模型数据源标签" FD="ProCode" page="0"/}</span></li>
<li><span>品牌：</span><span>{ZL.Label id="获取店铺商品品牌" TradeID="{SField sid="店铺商品模型数据源标签" FD="brand" page="0"/}" /}</span></li>
<li><span>库存：</span><span>{SField sid="店铺商品模型数据源标签" FD="stock" page="0"/}{SField sid="店铺商品模型数据源标签" FD="Prounit" page="0"/}</span></li>
<li><span>会员价:</span><span style="color:#c00; font-size:2em;">{ZL:GetMoney({SField sid="店铺商品模型数据源标签" FD="UserPrice" page="0"/},2,1)/}元</span></li>
<li><span>零售价：</span><span style="text-decoration:line-through;">{ZL:GetMoney({SField sid="店铺商品模型数据源标签" FD="ShiPrice" page="0"/},2,1)/}元</span></li>
</ul>
</div>
<div class="usershop_mainR_b">
<form id="form" name="form" method="post" action="/Cart/Cart">
<input name="id" type="hidden" id="id" value="{SField sid="店铺商品模型数据源标签" FD="ID" page="0"/}" />
<div class="input-group input-group-sm">
<span class="input-group-btn"><button class="btn btn-info" type="button" onClick="LessNum();"><i class="zi zi_minus"></i></button></span>
<input type="text" class="form-control" name="Pronum" id="Pronum" placeholder="" value="1" />
<span class="input-group-btn"><button class="btn btn-info" type="button" onClick="AddNum();"><i class="zi zi_plus"></i></button></span>
</div><!-- /input-group -->
<button type="submit" class="btn btn-danger btn-sm"><i class="zi zi_shoppingcart"></i> 立即购买</button>
<button type="button" onClick="AddCart()" class="btn btn-danger btn-sm"><i class="zi zi_plussquare"></i> 加入购物车</button>
<a onclick="addfav()" href="javascript:;" class="btn btn-link btn-sm"><i class="zi zi_eye"></i> 关注商品</a>
</form>
</div>
</div>
</div>
<ul class="nav nav-tabs" style="margin-top:20px;">
<li class="active"><a href="#home" data-toggle="tab">商品详细</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">{SField sid="店铺商品模型数据源标签" FD="Procontent" page="0"/} </div>
</div>
</div>
</div>
</div>
</main>
{ZL.Label id="全站底部"/}
</body>
</html>
<script>
$(window).scroll(function(){
if($(window).scrollTop()>0){
$("#home_nav").css("position","fixed").addClass("active")
}
else{
$("#home_nav").css("position","relative").removeClass("active");
}
});
/*显示搜索框*/
function isSearch(){
$(".home_search").css("opacity","1").css("z-index","1").css("right","0").css("top","0.5rem");
$(".home_top_nav").fadeOut(200);
$(".home_search .form-control").focus();
}
/*关闭搜索框*/
$(".shop_top .navbar-nav>li.dropdown").mouseover(function(){
$(this).addClass("open");
}).mouseout(function(){
$(this).removeClass("open");
});
//商品图片切换
$(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"));
});
$(".tese_l>ul>li").click(function(){
$(this).find("ul").slideToggle();
})
});
$().ready(function(e) {
ZL_Regex.B_Num("#Pronum");
ZL_Regex.B_Value("#Pronum", { min: 1, max: {SField sid="店铺商品模型数据源标签" FD="stock" page="0"/}, overmin: function () { }, overmax: function () {} });
});
function AddCart()
{
if($("#Pronum").val()>0)
{
$.post("/Cart/Cart?ID="+$("#id").val()+"&Pronum="+$("#Pronum").val());
alert("加入购物车成功！")
}
else
alert("商品数量不正确！");
}
function AddNum()
{
var num=parseInt($("#Pronum").val())+1;
var allnum='{SField sid="店铺商品模型数据源标签" FD="stock" page="0"/}';
if(isNaN(parseInt($("#Pronum").val())))
$("#Pronum").val("0");
else
{
if(parseInt($("#Pronum").val())<allnum)
$("#Pronum").val(num);
else
$("#Pronum").val(allnum);
}
}
function LessNum()
{
var num=parseInt($("#Pronum").val())-1;
if(parseInt($("#Pronum").val())=="NaN")
$("#Pronum").val("1");
else
{
if(parseInt($("#Pronum").val())>1)
$("#Pronum").val(num);
}
}
</script>