zoomla
Version:
16年专业研发|中文alexa排名第一的CMS品牌-基于dotNET core、功能强大，集成站群、微信开发、小程序与ERP及OA办公系统，支持国际语言和多民族语言，世界五百强与大型门户专用高端网站内核CMS系统
321 lines (311 loc) • 13.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="" />
<meta name="description" content="" />
{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/Controls/B_User.js"></script>
<style type="text/css">
::after, ::before { box-sizing:content-box;}
.shop_top { position:relative;}
#form .weui-cell__bd p { margin-bottom:0;}
#home_nav { position: relative;}
</style>
</head>
<body>
{ZL.Label id="全站头部"/}
<div class="shopcon_banner">
<div class="container">
<h3> <a href="{ZL:GetNodeLinkUrl({SField sid="常规商品数据源" FD="NodeID" page="0"/})/}"><i class="zi zi_replyall"></i> {ZL.Label id="输出指定ID节点名" NodeID="{SField sid="常规商品数据源" FD="NodeID" page="0"/}" /} </a></h3>
</div>
</div>
<div class="container margintop10">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="list-group">
<a href="{ZL:GetNodeLinkUrl(75)/}" class="list-group-item d-flex justify-content-between align-items-center list-group-item-success">
服装鞋帽<span class="badge badge badge-light badge-pill">更多</span></a>
<a href="{ZL:GetNodeLinkUrl(75)/}" class="list-group-item text-secondary">服装鞋帽</a>
<a href="{ZL:GetNodeLinkUrl(133)/}" class="list-group-item text-secondary">营养美食</a>
<a href="{ZL:GetNodeLinkUrl(132)/}" class="list-group-item text-secondary">珠宝首饰</a>
<a href="{ZL:GetNodeLinkUrl(131)/}" class="list-group-item text-secondary">体育用品</a>
<a href="{ZL:GetNodeLinkUrl(130)/}" class="list-group-item text-secondary">手机数码</a>
<a href="{ZL:GetNodeLinkUrl(129)/}" class="list-group-item text-secondary">日常用品</a>
</div>
<div id="botM_dh" >
<div class="botM_er w-100">
<a href="/manage/Panoramic/PanoramicShow?id=1" class="btn btn-light" target="_blank">三维全景</a>
<a href="/try/" class="btn btn-primary" target="_blank">在线试戴</a>
<a href="/D3/" class="btn btn-success" target="_blank">3D商街</a>
<a href="/Questions/Default?id=1" class="btn btn-info" target="_blank">智能组卷</a>
<a href="/guest/" class="btn btn-warning" target="_blank">在线留言</a>
<a href="/user/UserZone/Default" class="btn btn-info" target="_blank">SNS社区</a>
<a href="/Edit" class="btn btn-success" target="_blank">在线助写</a>
<a href="/Prompt/correct" class="btn btn-primary" target="_blank">在线纠错</a>
<a href="/Prompt/EmailSender" class="btn btn-danger" target="_blank">邮件订阅</a>
</div>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
<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"/}" /></a>
</div>
<div class="row">
<ul class="tb-thumb list-unstyled" id="thumblist">
<li class="col-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 type="text/javascript" src="/JS/Modal/APIResult.js"></script>
<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-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">
<h2>{SField sid="常规商品数据源" FD="Proname" page="0"/}</h2>
<form id="form" name="form" method="post" action="/Cart/Cart" style="margin-bottom:10px;">
<input name="id" type="hidden" id="id" value="{SField sid="常规商品数据源" FD="ID" page="0"/}" />
<ul class="list-group con_shop_list">
<li class="list-group-item">编号<span>{SField sid="常规商品数据源" FD="ProCode" page="0"/}</span></li>
<li class="list-group-item">品牌<span>{SField sid="常规商品数据源" FD="brand" page="0"/}</span></li>
<li class="list-group-item">库存<span>{SField sid="常规商品数据源" FD="stock" page="0"/}</span></li>
<li class="list-group-item">市场价<span><s>{ZL:GetMoney({SField sid="常规商品数据源" FD="ShiPrice" page="0"/},2,1)/} 元</s></span></li>
<li class="list-group-item">零售价<span style="font-size:1.46rem; font-weight:bold; color:#f40;"><i class="zi zi_yensign"></i> {ZL:GetMoney({SField sid="常规商品数据源" FD="LinPrice" page="0"/},2,1)/}元</span></li>
<li class="list-group-item">购买数量<div class="input-group con_shop_nums">
<div class="input-group-prepend">
<span class="input-group-text bg-info "><i class="zi zi_minus" onClick="Product.minus();"></i></span>
</div>
<input type="text" class="form-control text-center" name="Pronum" id="Pronum" value="1" maxlength="8"/>
<div class="input-group-append">
<span class="input-group-text bg-info"><i class="zi zi_plus" onClick="Product.plus();"></i></span>
</div>
</div>
</li>
</li>
</ul>
<input name="Attribute" id="Attribute" type="hidden" value="">
<input name="color" value="" id="color" type="hidden" />
<input name="size" value="" id="size" type="hidden" />
</form>
<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_heart"></i> 关注商品</a>
</div>
</div>
<!--内容主体开始 -->
<ul class="nav nav-tabs" style="margin-top:1em;">
<li class="active"><a href="#home" 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>
<!--右 -->
<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>
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>
<!--套餐-->
<div class="container">
<div role="tabpanel" class="pro_group">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#t1" aria-controls="t1" role="tab" data-toggle="tab"></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="t1">
<div class="pro_tui_ms"></div>
</div>
</div>
</div>
</div>
<div class="shop_ad">
<div class="shop_ad_t">
<div class="media">
<div class="media-body media-middle mr-3">
<h4 class="media-heading">动力逐浪</h4>
<p>在线云建站 微信3分极速场景</p>
<p>微调查微相册全搞定 不用代码也能做开发</p>
<p>http://v.z01.com</p>
<a href="http://v.z01.com" target="_blank">免费体验</a>
</div>
<div class="media-right media-middle">
<a href="#">
<img class="media-object" src="{$CssDir/}images/Big_Micro.jpg" alt="{$SiteName/}"/>
</a>
</div>
</div>
</div>
</div>
<!--内容主体结束 -->
{ZL.Label id="全站底部"/}
<script src="/JS/Modal/APIResult.js"></script>
<script src="{$CssDir/}js/Product.js"></script>
<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();
}
/*关闭搜索框*/
function isClose(){
$(".home_search").css("opacity","0").css("z-index","-1").css("right","-1em");
$(".home_top_nav").fadeIn(1000);
}
$(".shop_top .navbar-nav>li.dropdown").mouseover(function(){
$(this).addClass("open");
}).mouseout(function(){
$(this).removeClass("open");
});
/*显示搜索框*/
function iSearch(){
if($(".home_search").is(":hidden")){
$(".home_search").fadeIn(250);
}else{
$(".home_search").fadeOut(250);
}
};
//===========================================================
/*动态输出商品组合详细信息*/
var para = {
key:'',
alias:'product',
psize:'1000',
cpage:1,
cate:1,
proid:'"id":"{SField sid="常规商品数据源" FD="ID" page="0"/}"'
}
$.post("/API/Center.ashx?action=GetCustom",para,function(data){
data=JSON.parse(data);
if(data.result!="[]"){
data=JSON.parse(data.result);
for(var i=0;i<data.length;i++){
var prohtml='';
proStr=data[i].procontent;
proID=data[i].id;
proPrice=data[i].shiprice;
proName=data[i].proname;
proStr=JSON.parse(proStr);
$.each(proStr,function(i,proStr){
prohtml+='<div class="pro_tui_m" data-id='+proStr.id+'><a href="/Shop/'+proStr.id+'"><img src="/UploadFiles/nopic.gif" alt="'+proStr.name+'" value="'+proStr.name+'" /></a><h4><a href="/Shop/'+proStr.id+'">'+proStr.name+'</a></h4><p>单价：<span>'+proPrice.toFixed(2)+'</span></p><i class="zi zi_plus"></i></div>';
});
$(".pro_group .nav-tabs li:nth-child("+(i+1)+") a").html(proName);
if(i>=1){
var str='<li role="presentation"><a href="#t'+(i+1)+'" aria-controls="t'+(i+1)+'" role="tab" data-toggle="tab">'+proName+'</a></li>';
var str1='<div role="tabpanel" class="tab-pane" id="t'+(i+1)+'"><div class="pro_tui_ms"></div></div>'
$(".pro_group ul").append(str);
$(".pro_group .tab-content").append(str1);
}
var a1='<div class="pro_tui_je"><i>=</i><p>组合价:<span>'+proPrice.toFixed(2)+'</span><a href="/Cart/Cart?ID='+proID+'&Pronum=1">立即购买</a></p></div>';
$(".pro_group .tab-content .tab-pane:nth-child("+(i+1)+") .pro_tui_ms").append('<div class="pro_tui_k">'+prohtml+'<div class="clearfix"></div></div>');
$(".pro_group .tab-content .tab-pane:nth-child("+(i+1)+")").append(a1+'<div class="clearfix"></div>');
}
/*设置每个商品的缩略图*/
$(".pro_tui_m").each(function(index, element) {
var id=$(this).data(id);
var para = {
key:'',
alias:'propic',
psize:'1000',
cpage:1,
cate:1,
proid:id.id
}
$.post("/API/Center.ashx?action=GetCustom",para,function(data){
proPic='';
data=JSON.parse(data);
if(data.result!=""){
data=JSON.parse(data.result);
if(data[0].thumbnails!=null){
if(data[0].thumbnails.indexOf("UploadFile")) proPic="/UploadFile/"+data[0].thumbnails;
else proPic="/"+data[0].thumbnails;
}else{
proPic="/UploadFiles/nopic.gif";
}
$(".pro_tui_m[data-id='"+id.id+"']").find("img").attr("src",proPic);
$(".pro_group .pro_tui_m[data-id='"+id.id+"'] p span").html(data[0].shiprice.toFixed(2));
}
});
});
}else if(data.result=="[]"){
$(".pro_group").hide();
}
//读取商品个数及设置外层div长度，用于overflow
$(".pro_group .tab-content .tab-pane .pro_tui_ms .pro_tui_k").each(function(index, element) {
var h = ($(this).children(".pro_tui_m").length)*13+"em";
$(this).css("width",h);
});
});
//会员ajax登录状态需要结合JS/Controls/B_User.js引用同步生效
var buser = new B_User();
buser.IsLogged(function(data,flag){
if(flag)
{
data=JSON.parse(data);
$(".nav_user>a").html(data.UserName);
$(".nav_user .dropdown-menu li:nth-child(1) a").html("会员中心");
$(".nav_user .dropdown-menu li:nth-child(2)").remove();
$("#iframe_comm").show();
}
});
function LogoutFun()
{
buser.Logout(function(){location=location;});
};
//商品图片切换
$(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"));
});
});
//商品加入购物车
Product.proid={SField sid="常规商品数据源" FD="ID" page="0"/};
Product.init();
</script>
</body>
</html>