<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{$title}</title>
<meta name="keywords" content="{$keywords}" />
<meta name="description" content="{$description}" />
<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"-->
<link rel="stylesheet" href="../css/ow.shop.goods.detail.css?v={$version_sn}" />
</head>
<body>
<!--头部-->
<!--#include file="include.header.html"-->

<!--主内容区-->
<div class="ow-breadcrumb"><div class="wrapper">{$breadcrumb}</div></div>
<div id="goodbody">
    <div class="goods">
        <div class="goods-gallery">
            <div class="goods-picseo"><%=OW.echoImages("{$goods:images}","<img src=""{$url}"" alt=""{$goods:title}"" title=""{$goods:title}"" />")%></div>
            <div class="gallery-goods" data="{$goods:images}" id="gallery"><img src="{$goods:thumbnail}" name="goods_thumbnail" alt="{$goods:title}" title="{$goods:title}" /></div>
            {if:OW.isNotNul("{$goods:video_url}")}
            <div class="video"><a href="javascript:;" id="video_url"><i></i>视频</a></div>
            <div class="ow-goods-video" id="video">
                <div class="video-inner" id="video_inner">
                    <video src="{$goods:video_url}" controls="controls"></video>
                </div>
                <a class="close" id="video_close" href="javascript:;"><i></i></a>
            </div>
            {/if}
            <div class="clear"></div>
            <div class="goods-action">
                {if:OS.SHOP.isGoodsFavorited("{$goods:gid}")}
                <a href="javascript:;" class="favorite favorited" onClick="OW.shop.addToFavorite({$goods:gid})"><i class="glyphicon glyphicon-heart"></i><span>已关注</span></a>
                {else}
                <a href="javascript:;" class="favorite" onClick="OW.shop.addToFavorite({$goods:gid})"><i class="glyphicon glyphicon glyphicon-heart-empty"></i><span>关注</span></a>
                {/if}
                {if:OW.int("{$config(is_goods_share_show)}")=1}
                <div class="share">
                    <dl>
                        <dt>分享</dt>
                        <dd>
                            <div class="bshare-custom icon-medium"><div class="bsPromo bsPromo2"></div><a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a><a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);"></a><a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到花瓣" class="bshare-huaban" href="javascript:void(0);"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span style="float: none;" class="BSHARE_COUNT bshare-share-count">29.7K</span></div>
                        </dd>
                    </dl>
                </div>
                {/if}
            </div>
        </div>
        <div class="goods-property">
            <h1 class="title">{$goods:title}</h1>
            {if:OW.trim("{$goods:subtitle}")<>""}
            <h2 class="subtitle">{$goods:subtitle}</h2>
            {/if}
            <div class="goods-sn">商品编码：{$goods:goods_sn}</div>
            <div class="goods-product-sn">商品货号：<span id="goods_product_sn">{$goods:product_sn}</span></div>
            {if:OW.int("{$goods:is_valid_seckill}")=1}
            <div class="activity-banner">
                <div class="activity-type"><i class="seckilling"></i><strong>限时秒杀</strong></div>
                <div class="activity-message"><span class="timetip" id="seckill_time" seckill_starttime="{$goods:seckill_starttime}" seckill_endtime="{$goods:seckill_endtime}"></span></div>
            </div>
            {elseif:OW.int("{$goods:is_groupbuy}")=1}
            <div class="activity-banner">
                <div class="activity-type"><i class="sprite-seckilling"></i><strong>精选拼团</strong></div>
                <div class="activity-message">{$goods:groupbuy_num}人成团</div>
            </div>
            {elseif:OW.int("{$goods:is_book}")=1}
            <div class="activity-banner">
                <div class="activity-type"><i class="sprite-seckilling"></i><strong>预订</strong></div>
                <div class="activity-message"></div>
            </div>
            {/if}
            <div class="price">
                {if:OW.int("{$config(is_member_price_show)}")=1}
                <a href="javascript:;" class="get-member-price" name="get_member_price" onClick="OW.shop.getMGPrices()">查看各会员价格</a>
                {/if}
                {if:OW.int("{$goods:point_set}")=1 and OW.int("{$goods:point_pay_amount}")>0}
                <dl class="point"><dt>只需</dt><dd><b>{$goods:point_pay_amount}</b><em><%=OS.lang(200)%></em><i id="pointplus">+</i></dd></dl>
                {/if}
                <dl class="my-price" id="my_price" style="display:none;"><dt>我的{if:OW.int("{$goods:is_groupbuy}")=1}拼团{/if}{if:OW.int("{$goods:is_valid_seckill}")=1}秒杀{/if}会员价</dt><dd><span class="money"><em>{$moneysb}</em><b name="my_price">{$goods:price}</b></span></dd></dl>
                <dl id="goods_price"><dt>{if:OW.int("{$goods:is_valid_seckill}")=1}秒杀价{elseif:OW.int("{$goods:is_groupbuy}")=1}拼团价{else}价格{/if}</dt><dd><span class="money"><em>{$moneysb}</em><b name="price">{$goods:price}</b></span></dd></dl>
                {if:OW.parseMoney("{$goods:market_price}")>0}
                <dl class="makprice">
                    <dt>原价</dt>
                    <dd><span class="money"><em>{$moneysb}</em><b name="market_price">{$goods:market_price}</b></span></dd>
                </dl>
                {/if}
                <div class="member-price" name="member_group_prices" gid="{$goods:gid}" pid="{$goods:pid}"></div>
                <div class="clear"></div>
                <div class="sales">销量：<b><%=OW.int("{$goods:virtual_sales}")+OW.int("{$goods:sales}")%></b></div>
                <div class="promotion" id="ow_goods_promotion">
                    <div class="dt">促销</div>
                    <div class="dd">
                        {if:OW.parseMoney("{$config(shopping_free_freight_amount)}")>0}
                        <div class="prom-item" name="prom_item"><em class="red-i">满免</em><em class="text">满<b>{$config(shopping_free_freight_amount)}元</b>免运费</em></div>
                        {/if}
                        {if:OW.int("{$goods:free_freight_unit}")>0}
                        <div class="prom-item" name="prom_item"><em class="red-i">满免</em><em class="text">满<b>{$goods:free_freight_unit}件</b>免运费</em></div>
                        {/if}
                        <div class="prom-item coupons" name="prom_item"><%=OS.SHOP.goodsCouponsListHtml("{$goods:gid}")%></div>
                    </div>
                </div>
            </div>
            <div class="book-money" name="book_price_section" is_book="{$goods:is_book}" book_front_money_rate="{$goods:book_front_money_rate}" book_price_discount="{$goods:book_price_discount}" style="display:none;">
                {if:OW.parseMoney("{$goods:book_front_money_rate}")>0}
                <dl class="book-front-money" name="book_front_money_box"><dt>预订只需支付预付款</dt><dd><span class="money"><em>{$moneysb}</em><b name="book_front_money"></b></span></dd></dl>
                {/if}
                {if:OW.parseMoney("{$goods:book_price_discount}")>0}
                <dl class="book-discount" name="book_price_discount_box"><dt>预订立减</dt><dd><span class="money"><em>{$moneysb}</em><b name="book_price_discount">{$goods:book_price_discount}</b></span><span class="dis-name">优惠金额</span></dd></dl>
                {/if}
            </div>
            <div class="book-time" name="book_time_section" is_book="{$goods:is_book}" book_final_pay_day="{$goods:book_final_pay_day}" is_book_timelimit="{$goods:is_book_timelimit}" book_starttime="{$goods:book_starttime}" book_endtime="{$goods:book_endtime}" style="display:none;"></div>
            <div class="spec">
                <div class="hd">请选择您要的商品规格信息</div>
                <div class="spec-section" name="goods_spec" spec_id="{$goods:spec_id}" data='{$goods:spec_data}'></div>
                <div class="footer" name="selected_spec_display"><dl><dt>您已选择</dt><dd name="selected_spec_value"></dd></dl></div>
            </div>
            {if:OW.int("{$config(is_point_open)}")=1}
            {if:OW.int("{$goods:point_set}")=0}
            <div class="goods-point" id="ow_goods_get_point" point_get_type="{$goods:point_get_type}" shopping_point_rate="{$config(shopping_point_rate)}" point_get_amount="{$goods:point_get_amount}">购买此商品可获得<b name="point"></b>积分</div>
            {/if}
            {/if}
            <div class="amount">
                <dl>
                    <dt>购买数量</dt>
                    <dd><a href="javascript:;" class="amount-do amount-decrease" name="amount_decrease">-</a><input type="text" class="text text-amount" name="amount_input" value="1"><a href="javascript:;" class="amount-do amount-increase" name="amount_increase">+</a><span class="stock" name="stock">库存<b class="stock-amount" name="stock_amount">0</b>件</span></dd>
                </dl>
            </div>
            <div class="stock-tip"><span name="stock_tip"></span></div>
            <div class="action">
            {if:OS.isValidGoodsMemberInTpl("{$goods:gid}")}
                {if:OW.int("{$goods:status}")=1}
                    <button type="button" class="btn-buy-cart disabled">商品已下架</button>
                {else}
                    {if:OW.int("{$goods:is_book}")=1}
                    <button type="button" class="btn-book" name="btn_book">立即预订</button>
                    {else}
                        {if:OW.int("{$goods:point_set}")=1}
                            <button type="button" class="btn-exchange" name="btn_buy">立即兑换</button>
                        {else}
                            {if:OW.int("{$goods:is_groupbuy}")=1}
                            <button type="button" class="btn-groupbuy" name="btn_groupbuy">我要开团<span class="money"><em>{$moneysb}</em><b id="groupbuy_price"></b></span></button><button type="button" class="btn-ungroupbuy" name="btn_buy">单独购买<span class="money"><em>{$moneysb}</em><b id="ungroupbuy_price"></b></span></button>
                            {else}
                            <button type="button" class="btn-buy" name="btn_buy">立即购买</button><button type="button" class="btn-tocart" name='{if:OW.int("{$config(is_goods_buy_cart_skip)}")=1}btn_buy_cart{else}btn_cart{/if}'><i class="glyphicon glyphicon-shopping-cart"></i>加入购物车</button>
                            {/if}
                        {/if}
                    {/if}
                    <span class="mobbuy" id="mobbuy"><span class="text">手机扫码购买<i class="glyphicon glyphicon-qrcode"></i></span><span class="qrcode" id="mobbuy_qrcode" style="display:none;" url="<%=OW.currentURL()%>"></span></span>
                {/if}
            {else}
                <div class="ow-cannot-buy"><span class="tip-text">温馨提示：很抱歉，您现在的会员级别不能购买此商品。</span></div>
            {/if}
            </div>
        </div>
        <div class="clear"></div>
        {if:OW.int("{$goods:is_groupbuy}")=1}
        <%=OS.SHOP.getGroupbuyingList(V("gid"))%>
        {/if}
        {if:OS.isValidGoodsMemberInTpl("{$goods:gid}")}
        <div id="suits" is_book="{$goods:is_book}"></div>
        {/if}
        <div class="clear"></div>
    </div>
    <div class="clearfix">
        <div class="ow-goods-content">
            <div class="bd-wrap">
                <div class="tab-section">
                    <ul class="tabbar" name="goods_tab">
                        <li name="tab" tab="1"><a href="javascript:;">商品详情</a></li>
                        {if:OW.int("{$config(is_goods_comments_show)}")=1}
                        <li name="tab" tab="2"><a href="javascript:;">商品评价<span id="goods_comment_count"></span></a></li>
                        {/if}
                        {if:OW.int("{$config(is_buy_record_show)}")=1}
                        <li name="tab" tab="3"><a href="javascript:;">成交记录<span id="buyrecord_count"></span></a></li>
                        {/if}
                        {if:OW.int("{$config(is_goods_consultation_show)}")=1}
                        <li name="tab" tab="4"><a href="javascript:;">问题咨询<span id="goods_consultation_count"></span></a></li>
                        {/if}
                    </ul>
                </div>
                <div class="content-section" name="goods_tab_content">
                    <div class="content-info" name="content" is_tab="true" tab="1">
                        {if:OW.int("{$goods:type_id}")>0}
                            <div class="ow-goods-typeattr">{$goods:typeattr}</div>
                        {/if}
                        {if:OW.int("{$config(is_show_goods_all_spec_price)}")=1}
                        <div class="ow-goods-all-spec-price"><%=OS.getGoodsAllSpecPriceList("{$goods:gid}","货号",0,"库存",0,"市场价",0,"现售价",0,"我的价格",1,"会员价",0,"特殊会员价",0)%></div>
                        <script type="text/javascript">$(document).ready(function(){OW.shop.goodsAllSpecPriceList({$goods:gid});});</script>
                        {/if}
                        <div class="content">{$goods:content}</div>
                        <div class="tags" id="tags">标签：
                        {tags gid="{$goods:gid}"}{tags:loop}<a href="[tags:link]" title="[tags:tag]" target="_blank">[tags:tag]</a>{/tags:loop}{/tags}
                        </div>
                    </div>
                    {if:OW.int("{$config(is_goods_comments_show)}")=1}
                    <div class="comment" is_tab="true" tab="2">
                        <div class="hd">商品评价</div>
                        <div class="comment-list" id="goods_comment_list"></div>
                        <div class="pager" id="goods_comment_pager"></div>
                    </div>
                    {/if}
                    {if:OW.int("{$config(is_buy_record_show)}")=1}
                    <div class="buyrecord" is_tab="true" tab="3">
                        <div class="hd">最新成交记录</div>
                        <div class="buyrecord-list" id="buyrecord_list"></div>
                        <div class="pager" id="buyrecord_pager"></div>
                    </div>
                    {/if}
                    {if:OW.int("{$config(is_goods_consultation_show)}")=1}
                    <div class="consultation" is_tab="true" tab="4">
                        <div class="section post-section" id="consultation_post_form">
                            <div class="section">
                                <dl><dt>咨询类型</dt><dd><label><input type="radio" name="consult_type" checked="checked" value="0">商品咨询</label><label><input type="radio" name="consult_type" value="1">库存及配送</label><label><input type="radio" name="consult_type" value="2">支付问题</label><label><input type="radio" name="consult_type" value="3">发票及保修</label><label><input type="radio" name="consult_type" value="4">促销及赠品 </label></dd></dl>
                                <dl><dt>咨询内容</dt><dd><textarea class="textarea" name="consult_content"></textarea><span name="t_consult_content" class="t-normal ml8"></span></dd></dl>
                                <dl><dt>我的称呼</dt><dd><input type="text" class="text" name="consult_author" value=""><span name="t_consult_author" class="t-normal ml8"></span></dd></dl>
                                <dl><dt>验证码</dt><dd><input type="text" class="text text-short-mini" name="verifycode_value" placeholder="验证码" ><span class="verifycode" name="verifycode"></span></dd></dl>
                            </div>
                            <div class="footer"><button type="button" class="btn btn-sbig btn-primary" name="btn_consult_submit">提交咨询</button></div>
                        </div>
                        <div class="hd" id="consultation">问题咨询</div>
                        <div class="consultation-list" id="goods_consultation_list"></div>
                        <div class="pager" id="goods_consultation_pager"></div>
                    </div>
                    {/if}
                </div>
                
                <div class="clear"></div>
                <div class="ow-goods-related-content">
                    <div class="hd">相关内容</div>
                    {content top="100" related_gid="{$goods:gid}"}
                    <ul>
                        {content:loop}
                        <li><a href="[content:link]">[content:title]</a></li>
                        {/content:loop}
                    </ul>
                    {/content}
                </div>
                
                <div class="clear"></div>
                <div class="ow-related-goods">
                    <div class="hd"><h2>相关商品推荐</h2></div>
                    <div class="section">
                        {goods top="40" related_gid="{$goods:gid}"}
                        <ul class="ow-related-goods-list">
                            {goods:loop}
                            <li class="li[goods:i]" gid="[goods:gid]" is_book="[goods:is_book]">
                                <div class="thumb" name="thumbnail"><a href="[goods:link]" target="_blank"><img name="thumbnail" src="[goods:thumbnail]" alt="[goods:title]"></a></div>
                                <div class="info">
                                    <h3 class="title"><a href="[goods:link]" target="_blank">[goods:title]</a></h3>
                                    {if:OW.isNotNul("[goods:subtitle]")}<p class="subtitle">[goods:subtitle]</p>{/if}
                                    <p 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></p>
                                </div>
                            </li>
                            {/goods:loop}
                        </ul>
                        {/goods}
                    </div>
                </div>
                
            </div>
        </div>
        <div class="ow-goods-aside">
            <div class="aside-bar">
                <div class="ab-goods">
                    <div class="hd"><h3>热门商品推荐</h3></div>
                    <div class="bd">
                        {goods top="10" cate_id="{$goods:root_id}" orderby="sales desc,gid desc"}
                        <ul>
                            {goods:loop}
                            <li class="li[goods:i]" name="goods">
                                <div class="thumb"><a href="[goods:link]" title="[goods:title]" target="_blank"><img src="[goods:thumbnail]" alt="[goods:title]" title="[goods:title]"></a></div>
                                <div class="info">
                                    <h3 class="title"><a href="[goods:link]" title="[goods:title]" target="_blank">[goods:ctitle]</a></h3>
                                    <p 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></p>
                                    <p><a class="buy" href="[goods:link]" target="_blank">立即抢购</a></p>
                                </div>
                            </li>
                            {/goods:loop}
                        </ul>
                        {/goods}
                    </div>
                </div>
                <div class="hero">{ad id="6" type="html"}</div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>

<!--底部-->
<!--#include file="include.footer.html"-->
<script type="text/javascript" src="../js/cloudzoom.js"></script>
<script type="text/javascript" src="../js/goods.js"></script>
<script type="text/javascript" src="../js/qrcode.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	//商品图片
	var $gallery = $("#gallery");
	OW.gallery.init({data:$gallery.attr("data"),gallery:$gallery});
	OW.gallery.click();
	OW.gallery.cloudZoom("a[name='cloud_zoom'],a[name='cloud_zoom_gallery']");
	$gallery.find(".turner").remove();
	//商品初始化
	OW.shop.pointSet          = "{$goods:point_set}";
	OW.shop.pointPayAmount    = "{$goods:point_pay_amount}";
	OW.shop.isValidSeckill    = {$goods:is_valid_seckill};
	OW.shop.isSeckilling      = {$goods:is_seckilling};
	OW.shop.isGroupbuy        = {$goods:is_groupbuy};
	OW.shop.groupbuyUum       = "{$goods:groupbuy_num}";
	OW.shop.groupbuyValidtime = "{$goods:groupbuy_validtime}";
	OW.shop.goodsInit({
		priceSection:$("[name='price']"),
		marketPriceSection:$("[name='market_price']"),
		myPriceSection:$("#my_price"),
		bookPriceSection:$("div[name='book_price_section']"),
		bookTimeSection:$("div[name='book_time_section']"),
		amountInput:$("input[name='amount_input']"),
		amountDecrease:$("a[name='amount_decrease']"),
		amountIncrease:$("a[name='amount_increase']"),
		specSection:$("div[name='goods_spec']"),
		stockTipSection:$("span[name='stock_tip']"),
		btnBook:$("[name='btn_book']"),
		btnBuy:$("[name='btn_buy']"),
		btnGroupbuy:$("[name='btn_groupbuy']"),
		btnBuyCart:$("[name='btn_buy_cart']"),
		btnCart:$("[name='btn_cart']"),
		specImagesFun:function(imagesData){
			OW.gallery.init({data:imagesData,gallery:$("#gallery")});
			OW.gallery.click();
			OW.gallery.cloudZoom("a[name='cloud_zoom'],a[name='cloud_zoom_gallery']");
			$("#gallery").find(".turner").remove();
		}
	});
	goodsPageInit();
});
</script>
{if:OW.int("{$config(is_goods_share_show)}")=1}
<script type="text/javascript" charset="utf-8" src="https://static.bshare.cn/b/buttonLite.js#style=-1&pophcol=2&lang=zh"></script>
<script type="text/javascript" charset="utf-8" src="https://static.bshare.cn/b/bshareC0.js"></script>
{/if}
</body>
</html>
