File: /www/wwwroot/www.snodshop.com/Home/Tpl/akmall-3/detail.html
<extend name="Order:akmall" />
<block name="body">
<link href="{:C('akmall_ROOT')}{:C('akmall_THEME_ROOT')}akmall-3/assets/akmall.css?v={$Think.const.AKMALL_VERSION}" rel="stylesheet" type="text/css" />
<notempty name="akmallConfig.lazyload">
<script type="text/javascript">
seajs.use(['jquery/lazyload'], function() {
$(".akmall-detail-content img").lazyload({ placeholder : "__PUBLIC__/akmall/akmall.gif",effect : "fadeIn",threshold:500})
});
</script>
</notempty>
<!--[if lt IE 9]>
<style>.header h1,.footer{color:#666;}</style>
<![endif]-->
<div class="wrapper akmall-detail-wrap">
<div class="header">
<p>{$info.name}
<notempty name="info.tags"><volist name=":explode('#',$info['tags'])" id="vo"><span class="akmall-badge">{$vo}</span></volist></notempty>
</p>
</div>
<div class="akmall-page">
<notempty name="info.slideshow">
<div class="box box-image banner">
<!--<h2 class="title">{:lang('itemImage')}</h2>-->
<div class="box-content">
<div class="newbanner">
<div class="newflexslider">
<ul class="newslides">
<volist name=":explode(',',$info['slideshow'])" id="vo">
<li><img src="{$vo|imageUrl}" /></li>
</volist>
</ul>
</div>
</div>
<script type="text/javascript">
seajs.use(['jquery/newflexslider'], function(){ $('.newflexslider').newflexslider({ directionNav: true, pauseOnAction: false,newslideshowSpeed:3000 });});
</script>
</div>
</div>
</notempty>
<div class="box akmallbox-1">
<div class="box-content">
<div class="akmall-content-title">
<h1><span style="color: #e61414;">{$info.name}</span></h1>
<p>{$info.brief}</p>
<div class="price" <empty name="info.timer">style="width:100%;"</empty>>
<span class="current-price">{:lang('symbol')}{$info.price}</span>
<br />
<if condition="floatval($info['original_price']) gt 0">
{:lang('originalPrice_colon')}<del class="original-price">{:lang('symbol')}{$info.original_price}</del>
<else /><span class="original-price" style="height:10px;"> </span>
</if>
<notempty name="info.salenum"><span class="salenum">{:lang('sold')}{$info.salenum}</span></notempty>
</div>
</div>
<div class="baoyou">
<span class="by">{:lang('countdown')}</span>
<span class="by">{:lang('freeShipping')}</span>
<span class="huo">{:lang('cashOnDelivery')}</span>
<span class="tui">{:lang('refund')}</span>
</div>
<notempty name="info.timer">
<div class="timer">
<span class="tt">{:lang('countdown')}</span>
<div id="akmall-timer" class="akmall-timer">
<span class="akmallDay"><strong>0</strong></span><span class="akmallHour"><strong>00</strong></span><span> : </span><span class="akmallMinute"><strong>00</strong></span><span> : </span><span class="akmallSecond"><strong>00</strong></span>
</div>
<script type="text/javascript">
seajs.use(['akmall'],function(akmall) {
akmall.timer('#akmall-timer', '{$info.timer}');
})
</script>
</div>
</notempty>
<div class="tips">
<p>【官方店限時搶購】【原價{:lang('symbol')}{$info.original_price}】 【貨到付款】【促銷僅{:lang('symbol')}{$info.price}】。免運費+支持七天無理由退換貨！發現非正品，商家承擔來回運費！</p>
</div>
<div class="gou CartButton">
<php>$buyNow = strstr($info['content'],'akmallOrder')?'#akmallOrder':U('Order/index',array('id'=>$info['sn'],'track'=>'purchase'));</php>
<a href="{$buyNow}">{:lang('buyNow')}</a>
</div>
<notempty name="akmallConfig.contact_tel"><div class="contact tel"><i class="icon-tel"></i><a href="tel:{$akmallConfig.contact_tel}">{:lang('BuybyMobile')}{$akmallConfig.contact_tel}</a></div></notempty>
<notempty name="akmallConfig.contact_phone"><div class="contact phone"><i class="icon-phone"></i><a href="sms:{$akmallConfig.contact_phone}">{:lang('BuybySMS')}{$akmallConfig.contact_phone}</a></div></notempty>
<notempty name="akmallConfig.contact_facebook"><div class="contact facebook"><i class="icon-facebook"></i><a target="_blank" href="{$akmallConfig.contact_facebook}">{:lang('FacebookPage')}</a></div></notempty>
<notempty name="akmallConfig.contact_messenger"><div class="contact messenger"><i class="icon-messenger"></i><a target="_blank" href="{$akmallConfig.contact_messenger}">{:lang('Messenger')}</a></div></notempty>
<notempty name="akmallConfig.contact_line"><div class="contact line"><i class="icon-line"></i><a target="_blank" href="{$akmallConfig.contact_line_url}">{:lang('Line')}{$akmallConfig.contact_line}</a></div></notempty>
<notempty name="akmallConfig.contact_whatsapp"><div class="contact whatsapp"><i class="icon-whatsapp"></i><a target="_blank" href="https://api.whatsapp.com/send?phone={$akmallConfig.contact_whatsapp}">{:lang('WhatsApp')}{$akmallConfig.contact_whatsapp}</a></div></notempty>
<notempty name="akmallConfig.contact_qq"><div class="contact contact_qq"><i class="icon-qq"></i><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={$akmallConfig.contact_qq}&site=qq&menu=yes">{:lang('contactQQ')}{$akmallConfig.contact_qq}</a></div></notempty>
<br />
</div>
</div>
<div class="clear"> </div>
<ul class="detail-bars akmall-detail-wrap">
<li><a href="javascript:;" onclick="scrollto('#detial-context')" class="scrollBar" scroll-y="0">{:lang('itemDescription')}</a></li>
<li><a href="javascript:;" onclick="scrollto('#akmallOrder')" class="scrollBar" scroll-y="50">{:lang('buyInfo')}</a></li>
<li><a href="javascript:;" onclick="scrollto('#akmall-comments')" class="scrollBar" scroll-y="85">{:lang('comments')}</a></li>
</ul>
<div class="clear">
</div>
<div class="box akmallbox-2" id="detial-context">
<div class="box-content akmall-detail-content" >{$info['content']}</div>
{:W('Relate',array_merge($info,array('moduel'=>'Order')))}
</div>
</div>
<!--訂單查詢-->
<div class="akmall-query clearfix">
<div class="akmall-content">
<form action="{:C('akmall_ROOT')}index.php?m=Order&a=query" method="post" id="queryForm">
<div class="akmall-rows clearfix rows-id-extends">
<label class="rows-head">{:lang('order_query')}</label>
<div class="rows-params">
<input type="tel" name="kw" autocomplete="off" required="required" placeholder="{:lang('mobile_/_order_number')}" class="akmall-input-text">
</div>
</div>
<div class="akmall-rows akmall-id-btn clearfix">
<input type="submit" id="akmall-query-btn" class="akmall-btn akmall-submit" value="{:lang('submit_query')}" />
</div>
</form>
<div id="akmall-query-result" class="query_result"></div>
</div>
</div>
<script id="akmall-query" type="text/html">
{{each list as value i}}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><th>{:lang('order_colon')}{{value.order_no}}</th></tr>
<tr>
<td>
{{if value.is_auto_send}}
<div class="akmall-alert">
{{#value.send_content}}
</div>
{{/if}}
<h2>{{value.title}}</h2>
{{if value.params}}<p>{:lang('itemPackage_colon')}{{#value.params}}</p>{{/if}}
{{#value.itemExtends}}
{{if value.address}}{:lang('delivery_address_colon')}{{value.address}}{{/if}}
{{if value.express}}<p>{:lang('express_query_colon')}{{#value.express}}</p>{{/if}}
<p>
{:lang('order_status_colon')}{{value.status}}
{{if value.order_status=='0' && value.payment!='1' && value.payment!='6'}}
<a href="{:C('akmall_ROOT')}index.php?m=Order&a=pay&order_no={{value.order_no}}" class="links" target="_blank">[{:lang('pay')}]</a>
{{/if}}
</p>
<p>{:lang('quantity_price_colon')}{{value.quantity}}/<span class="price">{{value.price}}</span></p>
<p>{:lang('booking_time_colon')}{{value.time}}</p>
</td>
</tr>
</table>
{{/each}}
</script>
<script type="text/javascript">
seajs.use(['akmall','jquery/form','art/template'],function(akmall,form,template){
$('#queryForm').ajaxForm({
timeout: 50000,
dataType: 'json',
error:function(){ layer.closeAll(); alert(lang.ajaxError); },
beforeSubmit:function(){ layer.closeAll();layer.load(); },
success:function(data){
layer.closeAll();
if(data.status=='1'){
var html = template('akmall-query', data.data);
document.getElementById('akmall-query-result').innerHTML = html;
}else{
layer.msg(data.info);
document.getElementById('akmall-query-result').innerHTML = "<div class='akmall-rows'>"+data.info+"</div>";
}
}
});
});
function delivery(order,id){
var url = "{:C('akmall_ROOT')}index.php?m=Index&a=delivery&order="+order+"&id="+id+"&ord=asc&show=json",title="{:lang('shipping_query')}";
layer.open({type: 2,shade: .2,shadeClose: true,title: title,area: ['600px', '60%'],content:url});
}
</script>
<div class="guarantee">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA2CAMAAACycDqVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcUB6qkB6qkB6qkB6qkB6qkB6qkB6qkB6qkB7qkB7qkB6qkB7qkB6qkB6qkB7qkB6qkB6qr8iNgoAAAARdFJOUwDJHOKrCoWZ7rvYcvhATl8sl1H2XgAAAcxJREFUSMeVVkcCgyAQFOld/v/ZSEJZpEjmkKAyMFvhOIY4mSLu2Ad1MkRgfe4RLBchw2xsZRkOLQS/FvMdf87/QTE7kh9/UJhCcEfhfI4Eiv8srGAkc8UdcfX4YMMrUKKoe6yjOvNKUYmCM12+UnCifOMQlelXioAUvWWMgRRZRktAylcZ2aX8Yu7vkUcygWTwDNFT5Dr7zsZ89bOMLimsoaTc8ksKbkKZIkji2IsBXPF/ThgeqrJrFD9a5pBGZgiuCmjAa/rxRPEBLMF7iq1TdK5eIKB8bFNRQiHF5enF/YAYY7zCgxmlD4gAlKpg3DgoNStr0YtsDHkgrym7RaKhA2MqWKF44M6qewD3SLlcp1x2yMECaaigskGXw226NPFjQ4oefHXPDtJuIp5RgS8D4T1k6HXBzELaw96stC/drS2o0o7Q7RRaOZjWJiIeZatgqvo2dnbsGg0pGpZKdo45J15RUZiqBXnPo7Kprn4bzJhqzqL0aM65818zst9mcrAMuxxadfzxsXyZ/2Stpclp852dFXh+MaFqfNqt7hfniGPs+hTB/zIG+wj7fhlrD3987VzItNnx7iOmeSOj96+K/msROY9/4BCa2f0BZQNXdtzM6pIAAAAASUVORK5CYII=" alt="guarantee">
<p class="guarantee_title">買家保障</p>
<p class="guarantee_content">如果您未收到商品<strong>全額退款</strong>！</p>
<p class="guarantee_content">如果您購買的商品與描述不符，<strong>全額或部分退款</strong>！</p>
<div class="payment_pic"><img src="{:C('akmall_ROOT')}{:C('akmall_THEME_ROOT')}akmall-3/assets/payment.png"></div>
</div>
<include file="Order/footbar" />
<script>
seajs.use(['jquery'],function($){
$(window).on('scroll', windowScroll);
});
function windowScroll() {
var scrollTop = $(window).scrollTop();
var headerHeight = $(".banner").height()+$(".akmallbox-1").height();
if (scrollTop >= headerHeight) {
$(".detail-bars").css({
position: "fixed",
top: 0,
left: "auto",
width: '100%',
zIndex: 1,
background: "#fff"
});
}else {
$(".detail-bars").removeAttr("style")
}
}
function scrollto(div) {
var eve = window.event || arguments.callee.caller.arguments[0];
var obgTarget = eve.target || eve.srcElement;
var top = $(div).offset().top - 42;
$("body,html").animate({ scrollTop: top }, 500);
}
</script>
</div>
</block>