<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <meta name="keywords" content="{$keywords}" />
    <meta name="description" content="{$description}" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no">
    <meta name="apple-mobile-web-app-title" content="{$site_name}" />
    <meta name="generator" content="openwbs {$version}" />
    <meta name="author" content="openwbs team" />
    <meta name="copyright" content="2008-2020 OpenWBS Inc." />
    <!--#include file="include.css.html"-->
    <script type="text/javascript" src="../js/touchslide.1.1.js"></script>
</head>
<body>
<!--头部-->
<!--#include file="include.header.html"-->
<section class="mbody">
    <div class="om-product-detail">
        <div id="gallery" class="gallery">
            <div class="header"><ul></ul></div>
            <div class="section">
                <ul>{%=OW.echoImages("{$content:images}","<li i='{$i}'><a href='javascript:;'><img src='{$url}' alt='{$name}' title='{$name}' /></a></li>")%}</ul>
            </div>
        </div>
        <div class="goods-property">
            <h1 class="title">{$content:title}</h1>
            <h2 class="subtitle">{$content:subtitle}</h2>
        </div>
        <div class="om-content om-editor-content-text">
            {$content:mob_content}
            <div class="read"><span class="views">阅读 {$content:views}</span></div>
        </div>
        <div class="om-content-related-goods">
            {goods top="30" related_cid="{$content:cid}"}
            <ul class="om-goods-horizlist">
                {goods:loop}
                <li>
                    <a href="[goods:link]">
                    <span class="tagicon" {if:OW.isNotNul("[goods:tagicon]")}style="background-image:url({$site_url}ow-content/uploads/icon/tag/mob-[goods:tagicon].png)"{/if}></span>
                    <div class="thumb"><img src="[goods:thumbnail]" alt="[goods:title]" /></div>
                    <div class="info">
                        <h3 class="title">[goods:title]</h3>
                        <div class="subtitle">[goods:subtitle]</div>
                        <div class="price">{if:OW.int("[goods:point_set]")=1}<span class="point"><b>[goods:point_pay_amount]</b><em>积分</em><i>+</i></span>{/if}<span class="money"><em>{$moneysb}</em><b><%=OW.parsePrice("[goods:price]")%></b></span><span class="unit">[goods:unit]</span></div>
                        {if:OW.int("[goods:sales]")>0}<div class="sales" name="sales" sales="[goods:sales]"><b>[goods:sales]</b>人已购买</div>{/if}
                    </div>
                    </a>
                </li>
                {/goods:loop}
            </ul>
            {if:OW.int("[goods:count]")>=20}
            <div class="more"><a href="[cate:link]">查看更多</a></div>
            {/if}
            {/goods}
        </div>
        <div class="tags" id="tags">标签：
            {tags cid="{$content:cid}"}
                {tags:loop}<a href="[tags:link]" title="[tags:tag]">[tags:tag]</a>{/tags:loop}
            {/tags}
        </div>
        <div class="prev-next">
            <div class="prev">上一个：{$content:prev}</div>
            <div class="next">下一个：{$content:next}</div>
        </div>
        <div class="om-relate-content" id="ow_relate">
            <div class="header">相关推荐</div>
            <div class="section">
            {content top="100" related_cid="{$content:cid}" model="product"}
            <ul class="om-product-horizlist">
                {content:loop}
                <li class="li[content:i]">
                    <a href="[content:link]">
                        <div class="thumb"><img src="[content:thumbnail]" alt="[content:title]" title="[content:title]" /></div>
                        <div class="info">
                            <h3 class="title">[content:ctitle]</h3>
                            <div class="subtitle">[content:subtitle]</div>
                        </div>
                    </a>
                </li>
                {/content:loop}
            </ul>
            {/content}
            </div>
        </div>
        {if:OW.int("{$config(is_comment_open)}")=1}<div id="OWCMT"></div>{/if}
    </div>
    
</section>

<!--底部-->
<!--#include file="include.footer.html"-->
<!--}-->
<script type="text/javascript">
$(document).ready(function(){
	//图片组
	if(OW.int($("#gallery").find("img").length)>1){
		TouchSlide({ 
			slideCell:"#gallery",
			titCell:".header ul",
			mainCell:".section ul", 
			effect:"leftLoop", 
			autoPage:true,
			autoPlay:true,
			interTime:3000
		});
	};
	if(!$("#tags").find("a").length>0){$("#tags").remove();};
	if($(".pager").html()==""){$(".pager").remove();};
	if(!$("#ow_relate").find("li").length>0){$("#ow_relate").remove();};
	//评论
	{if:OW.int("{$config(is_comment_open)}")=1}
	$("#OWCMT").html('<div id="owcmt_post_section"></div><div class="ow-owcmt-list-header"><span class="cmt-count"><b id="owcmt_count_section">0</b>条评论</span>最新评论</div><div id="owcmt_list_section"></div><div class="pager" id="owcmt_pager_section"></div>');
	OW.cmt.postSection  = $("#owcmt_post_section");
	OW.cmt.countSection = $("#owcmt_count_section");
	OW.cmt.listSection  = $("#owcmt_list_section");
	OW.cmt.pagerSection = $("#owcmt_pager_section");
	OW.cmt.pagesize = 20;
	OW.cmt.init({cid:{$content:cid},gid:0});
	OW.cmt.get({cid:{$content:cid},gid:0,page:1});
	OW.cmt.getCallBack = function(){
		var opt = {y:"年前",m:"个月前",w:"周前",d:"天前",h:"小时前",n:"分钟前",s:"秒前",z:"刚刚"}
		$("#OWCMT").find(".posttime").each(function(){
			var timeText = OW.timeAgoTip(opt,$(this).html(),"<%=SYS_TIME%>");
			$(this).html(timeText);
		});
	};
	{/if}
});
</script>
<% if OS.isWeixinShare then %>
<%=OS.getWXShareTicket%>
<script type="text/javascript">
wx.config({
    debug:false,appId:'<%=OS.wxShareAppid%>',timestamp:'<%=OS.wxShareTimestamp%>',nonceStr:'<%=OS.wxShareNonceStr%>',signature:'<%=OS.wxShareSignature%>',jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareQZone']
});
wx.ready(function(){
	var wxTitle = '{$title}',
	wxDesc      = '{$description}'
	wxLink      = OW.currentURL(),
	wxImgUrl    = '<%=OW.validImageUrl("{$content:thumbnail}")%>';
	wx.onMenuShareTimeline({title:wxTitle,link:wxLink,imgUrl:wxImgUrl});
	wx.onMenuShareAppMessage({title:wxTitle,desc:wxDesc,link:wxLink,imgUrl:wxImgUrl});
	wx.onMenuShareQQ({title:wxTitle,desc:wxDesc,link:wxLink,imgUrl:wxImgUrl});
	wx.onMenuShareQZone({title:wxTitle,desc:wxDesc,link:wxLink,imgUrl:wxImgUrl});
});
</script>
<% end if %>
</body>
</html>
