<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="PAGES/css/{data.list.erp_fname}</title>
<meta name="keywords" content="{data.list.erp_fname}">
-->
</head>
<body>
<div class="verify-code verifying" style="display:none;">
<div class="backdrop"></div>
<div class="content">
<div class="title">
<div class="close">
×
</div>
<div class="text">
{:lang('pls_enter_smscode')}
</div>
</div>
<div class="message">
<div class="text">
<div class="wait">
{:lang('send_smscode_to')}
<div class="mobile-content" id="mobilec">
</div> {:lang('check_if_getsmscode')}
<div class="time-content">
</div>
</div>
<div id="successImg" style="display:none;">
<img src="STATIC/common/images/loading.gif">
</div>
</div>
</div>
<div class="number">
<input data-index="1" readonly="" />
<input data-index="2" readonly="" />
<input data-index="3" readonly="" />
<input data-index="4" readonly="" data-last="true" />
<input class="actual-input" maxlength="4" style="z-index: -100; opacity: 1;" type="text"/>
</div>
</div>
</div>
<header>
<div class="banner_wrap">
{if condition="$data.list.ImagesCount gt '1'"}
<ul class="bxslider">
{volist name="$data.list.imges" id="vo"}
<li><img src="/Public{$vo}" alt="banner" width="100%"/></li>
{/volist}
</ul>
{else /}
{volist name="$data.list.imges" id="vo"}
<img src="/Public{$vo}" alt="banner" width="100%">
{/volist}
{/if}
</div>
<div class="infor_wrap">
<p class="item_bar"><span>{$data.list.erp_fname}</span>{notempty name="$data.list.subtitle"} <span class="newp">({$data.list.subtitle})</span>{/notempty}</p>
<h2>{$data.list.discount_detail}</h2>
</div>
<div class="price_wrap" id="price_wrap">
<h1><span></span></h1>
<div class="or_cost" id="or_cost" style="margin-left: 0;float: right;">
<h2>{:lang('original_price')} <span></span></h2>
<h3 style="width: 7rem;"> {:lang('sales_volume')} : {$data.list.goods_sales}</h3>
</div>
<div class="flash_sale" style="clear: both;text-align: left;margin-top: 2.5rem;">
<img src="__{$data.list.language}__/public/images/lighting.png" alt="">
<p style="margin-left: -0.3rem;">{:lang('decreaseing')}</p>
<p class="time" style="border: 0;font-size: 0.6rem">{:lang('count_down')} <span id="_h"></span>:<span id="_m"></span>:<span id="_s"></span>:<span id="_ms"></span></p>
</div>
<h4 style="display:block;margin:0.5rem -0.5rem 0;clear: both;">
<img style="max-width: 100%" src="__{$data.list.language}__/public/images/header_label.png" >
</h4>
</div>
</header>
<main>
<div class="detail_bar">
<div onclick="toCorrespondingPage($('#intro'))">{:lang('product')}</div>
{notempty name="$data.list.paraspic"}
<div onclick="toCorrespondingPage($('#arg'))">{:lang('product_description')}</div>
{else /}
<div id="arg">{:lang('product_description')}</div>
{/notempty}
{notempty name="comment"}
<div onclick="toCorrespondingPage($('#app'))">{:lang('Recent_Comments')}</div>
{else /}
<div >{:lang('Recent_Comments')}</div>
{/notempty}
</div>
<div class="product_intro" id="intro">
{$data.list.content}
</div>
{notempty name="$data.list.paraspic"}
<h1 class="new_appraise" id="arg">{:lang('product_description')}</h1>
<div class="product_argument" >
<img class="lazy" src="/Public/static/common/images/blank.gif" data-echo="/Public{$data.list.paraspic}" >
</div>
{/notempty}
{notempty name="comment"}
<h1 class="new_appraise" id="appTit">{:lang('Recent_Comments')}</h1>
<div class="appraise" id="app">
<ul>
{volist name="comment" id="r"}
<li>
<div class="user_infor">
<span class="user_id change1">{$r.tel}</span><span>{:lang('satisfaction')}：<i>★★★★★</i></span>
<span class="now_time"></span>
</div>
<p>{$r.content}</p>
</li>
{/volist}
</ul>
</div>
{else /}
<span id="app"></span>
{/notempty}
<section id="buy">
<form action="/buy_pro" method="post" id="form">
<div id="radioCombox">
<label for="">{:lang('product_order')}</label>
{notempty name="combo"}
{else /}
<div class="inp"><input type="radio" id="rc1" name="title" data-loopIndex="0" data-price='{$data.list.price_y}' data-number="1" autocomplete="off" checked value="{$data.list.erp_fname}">{$data.list.erp_fname}</div>
{/notempty}
{volist name="combo" id="v" key="k"}
<div class="inp"><input type="radio" id="rc1" name="title" data-loopIndex="{$k-1}" data-number="{$v.number}" data-price="{$v.price}" autocomplete="off" {if condition="$k eq '1'"}checked {/if} value="{$v.comboname}">{$v.comboname}</div>
{/volist}
</div>
{notempty name="combo"}
{else /}
{empty name="$data.list.params_arr"}
{else /}
<div class="deal-section" data-loopIndex="0" >
<div class="dealinfor">
<div class="sku1" id="combo_sku">
{foreach name="data.list.params_arr" item="vo" key="k"}
<!-- {++$n} -->
<dl>
<dt>—— <span>{$k}</span> ——</dt>
<ul class="options-item clearfix">
{foreach name="$vo" item="v2" key="key" }
{if condition="$key eq '0'"}
{else /}
<?php $arr=explode('|',$v2);?>
<li num="{$n-1}" fn="click" note="" optionvalueid="{$key}" class="">
{notempty name="$arr[1]"}<img src="<?php echo $arr[1];?>" >{/notempty}
<span class=""><?php echo $arr[0];?></span>
<i></i>
</li>
{/if}
{/foreach}
</ul>
</dl>
{/foreach}
<input name="sku1" id="sku1" value="" class="Getsku" autocomplete="off" type="hidden" />
</div>
</div>
</div>
{/empty}
{/notempty}
{volist name="combo" id="v" key="topk"}
<div class="deal-section" data-loopIndex="{$topk-1}" {if condition="$topk neq '1'"} style="display:none;"{/if}>
{empty name="$data.list.params_arr"}
{else /}
{for start="0" end="$v.number" }
<?php $pp=0;?>
<div class="dealinfor">
<div class="sku{$i+1}" id="combo_sku">
{foreach name="data.list.params_arr" item="vo" key="k" }
<!-- {++$pp} -->
<dl>
<dt>—— <span>{$k}</span> ——</dt>
<ul class="options-item clearfix">
{foreach name="$vo" item="v2" key="key" }
{if condition="$key eq '0'"}
{else /}
<?php $arr=explode('|',$v2);?>
<li num="{$pp-1}" fn="click" note="" optionvalueid="{$key}" class="">
{notempty name="$arr[1]"}<img src="<?php echo $arr[1];?>" >{/notempty}
<span class=""><?php echo $arr[0];?></span>
<i></i>
</li>
{/if}
{/foreach}
</ul>
</dl>
{/foreach}
<input name="sku{$i+1}" id="sku{$i+1}" value="" class="Getsku" autocomplete="off" type="hidden" />
</div>
</div>
{/for}
{/empty}
</div>
{/volist}
<div id="money">
<label for="">{:lang('payment_amount')}{notempty name="$data.list.discount_detail"}<b style="font-size:0.5rem;color: #f40;">({$data.list.discount_detail})</b>{/notempty}</label>
<h3 ><span></span><i style="font-style: normal;"></i></h3>
</div>
<div>
<label for="">{:lang('amount')}</label>
<div class="num_wrap">
<span class="jian">-</span>
<input type="number" value="1" readonly="" class="num" id="num" name="sum" autocomplete="off">
{notempty name="combo"}
{else /}
<span class="jia" id="jia">+</span>
{/notempty}
</div>
</div>
<div>
<label for="">{:lang('name')}</label>
<input type="text" id="wfname" name="wfname" autocomplete="off" placeholder="{:lang('plsenter_fullname')}">
</div>
<div>
<label for="">{:lang('phone_num')}</label>
<input type="text" id="wfmob" name="wfmob" autocomplete="off" placeholder="{:lang('plsenter_phone')}">
</div>
{switch name="$data.list.language" }
{case value="hk|tw"} <div>
<label for="location_p">{:lang('address')}</label>
<select name="location_s" id="location_s">1
</select>
<select name="wfprovince" class="select_lo" id="location_p">
</select>
<select name="wfcity" class="select_lo" id="location_c">
</select>
<label for="">{:lang('address_detail')}</label>
<input type="text" id="address" name="wfaddress" autocomplete="off" placeholder="{:lang('plsenter_adddetail')}">
</div>
{/case}
{case value="sgp"}
<div>
<!-- <label for="location_p">{:lang('address')}</label> -->
<!-- <select name="wfprovince" id="location_p" class="select_lo" style="width: 48%"> -->
<!-- </select> -->
<!-- <select name="wfcity" id="location_c" class="select_lo" style="width: 48%"> -->
<!-- </select> -->
<label for="">{:lang('address_detail')}</label>
<input type="text" id="address" name="wfaddress" autocomplete="off" placeholder="{:lang('plsenter_adddetail')}">
</div>
{/case}
{default /} <div>
<label for="location_p">{:lang('address')}</label>
<select name="wfprovince" id="location_p" class="select_lo" style="width: 48%">
</select>
<select name="wfcity" id="location_c" class="select_lo" style="width: 48%">
</select>
<label for="">{:lang('address_detail')}</label>
<input type="text" id="address" name="wfaddress" autocomplete="off" placeholder="{:lang('plsenter_adddetail')}">
</div>
{/switch}
<div>
<label for="">{:lang('postal_code')}</label>
{if condition="$data.list.language eq 'hk'"}
<input type="text" id="pcode" name="pcode" autocomplete="off" value="999077" placeholder="{:lang('plsenter_pcode')}">
{else /} <input type="text" id="pcode" name="pcode" autocomplete="off" placeholder="{:lang('plsenter_pcode')}">
{/if}
</div>
<div>
<label for="">{:lang('email')}</label>
<input type="text" id="email" name="email" autocomplete="off" placeholder="{:lang('plsenter_email')}">
</div>
<div>
<label for="">{:lang('leave_a_message')}</label>
<textarea name="message" id="message" autocomplete="off"></textarea>
</div>
<div>
<label for="">{:lang('payment_method')}</label>
<input type="radio" checked="checked">{:lang('pay_on_delivery')}
<p>{:lang('warm_prompt')}</p>
</div>
<input type="hidden" name="price_y" value="{$data.list.price_y}">
<input type="hidden" name="price" value="{$data.list.price}">
<input type="hidden" name="goods_id" value="{$data.list.id}">
<input type="hidden" name="erpid" value="{$data.list.erpid}">
<input type="hidden" name="media_name" value="{$data.list.media_buy}">
<input type="hidden" name="area" value="{$data.list.language}">
<input type="hidden" name="viewtemp" value="{$data.list.styles}">
<input type="hidden" name="aff_id" value="{$data.list.aff_id}">
<input type="hidden" name="pixid" value="{$data.list.cf}">
<input type="hidden" name="sub_id" value="{$data.list.sub_id}">
<input type="hidden" name="click_id" value="{$data.list.click_id}">
<input type="hidden" name="pixel_string" value="{$data.list.pixel_string}">
<input type="hidden" name="All_sku" value="" autocomplete="off">
<input type="hidden" name="totalprice" value="" autocomplete="off">
<input type="hidden" name="spNum" value="" autocomplete="off">
<input type="hidden" name="Pname" value="{$data.list.erp_fname}">
<input type="hidden" name="IsChecked" value="" autocomplete="off">
</section>
</main>
<footer>
{empty name="$data.list.params_arr"}
<div class="buyBtn" onclick="preSubmit()">{:lang('issue_order')}</div>
{else /}
<div class="buyBtn" onclick="Confirm()">{:lang('issue_order')}</div>
{/empty}
<div onclick="addtocard($('#buy'))"><img src="__{$data.list.language}__/{$data.list.styles}/images/bt01.png" alt=""><span>{:lang('order')}</span></div>
</footer>
</form>
<script type="text/javascript" src="/min/?b=public/static&f=pages/{data.list.language}/{
data.list.language}/public/js/jquery.kxbdmarquee.js,common/js/echo.min.js,pages/{
data.list.styles}/js/base.js,pages/common/scripts/jquery.bxslider.js"></script>
<script>
Echo.init({
offset: 0,
throttle: 0
});
$('.bxslider').bxSlider({
auto: true,
speed:1000,
autoHover:true,
pause:3000,
controls:false,
});
data.list.price});
Displayprice_y({$data.list.price_y});
computeMoney();
{switch name="$data.list.language" }
{case value="tw" } new PCAS('location_s', 'wfprovince', 'wfcity');{/case}
{case value="hk"}addressInit('location_s', 'location_p', 'location_c', '香港', '香港市', '中西區');{/case}
{default /}
{/switch}
</script>
<script>
// 用语判断是否正在请求
data.list.language}' != 'hk'){
var p_val = ('#location_c').val();
if(p_val!="" && c_val!=""){
data.list.language}'},
dataType: 'json',
success: function(ret) {
if(ret.length != 0){
$('input[name="pcode"]').val(ret.zc);
}
},
error: function() {
alert("service error ! please try again later."); //服务器出错,请重试~
return false;
}
});
}
}
})
</script>
<script>
var autocomplete;
function initAutocomplete() {
autocomplete = new google.maps.places.Autocomplete( /** @@type {!HTMLInputElement} */(document.getElementById('address')), {types: ['geocode'],componentRestrictions: {country:'{$data.list.language}'}});
autocomplete.addListener('place_changed', fillInAddress);
}
function fillInAddress() {
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();
var country='{$data.list.language}';
if (typeof(place.vicinity) == "undefined") {
document.getElementById('address').value =place.name;
}else if(country != 'tw'&& country != 'hk' && country != 'cn' ){
document.getElementById('address').value =place.name+' '+place.vicinity;
}else{
document.getElementById('address').value =place.vicinity+' '+place.name;
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB8EXg2R3qLT8dDTALB1dZoR4tgzjxQj5E&libraries=places&callback=initAutocomplete" async defer></script>
<script>
//套餐js
$(".inp input[type='radio']").change(function(){
var loopIndex = $(this).attr('data-loopIndex');
var comboIndex = $(this).attr('data-number');
<!-- if(comboIndex > 1){ -->
<!-- $('#jia').hide(); -->
<!-- }else{ -->
<!-- $('#jia').show(); -->
<!-- } -->
$('.deal-section').hide();
$('.deal-section').eq(loopIndex).show();
<!-- $(this).attr('data-price'); -->
});
{notempty name="data.list.json_sku}; //已有套装
{/notempty}
function preSubmit(){
var sumNumber = $(".inp input[type='radio']:checked").attr('data-number');
if(sumNumber > 1){
$('input[name=spNum]').val(sumNumber);
}
var money= $("#money h3 span").text().substring(4);
$('input[name=totalprice]').val(money);
return submitForm({$data.list.is_sms});
}
function Confirm(){
var arr = new Array();
var cur_num = $(".inp input[type='radio']:checked").attr('data-number');
var cur_loopIndex = $(".inp input[type='radio']:checked").attr('data-loopIndex');
var num=0;
//判断套装使用的几层模型
if(!num){
for(var i in suitRuleInfo){
var frontValArr = suitRuleInfo[i].split("_");
num = frontValArr.length;
if(num){
break;
}
}
}
for(var i=1; i <= cur_num; i++){
var counts = $('[data-loopIndex='+cur_loopIndex+'] .sku'+i+'').find("[class='current']").length;
var skuValue= $('[data-loopIndex='+cur_loopIndex+'] input[name=sku'+i+']').val();
if(counts == num && skuValue=="" ){
alert("{:lang('out_of_stock')}");
<!-- $('[data-loopIndex='+cur_loopIndex+'] #sku'+i+'').focus(); -->
return false;
}else if(counts != num && skuValue==""){
alert("{:lang('pls_choose_goods')}");
<!-- $('[data-loopIndex='+cur_loopIndex+'] #sku'+i+'').focus(); -->
return false;
}
}
var Getskucount= $('[data-loopIndex='+cur_loopIndex+'] .Getsku').length;
var detailVal="";
for(var t=1; t <= Getskucount; t++){
$('[data-loopIndex='+cur_loopIndex+'] div[class=sku'+t+'] .current span').each(function(i){
var tet = $(this).parents('dl').find("dt span").text();
var tp =$(this).text()+"["+tet+"]";
if(i==0){
detailVal = tp;
}else{
detailVal= detailVal+"-"+tp;
}
});
arr.push($('[data-loopIndex='+cur_loopIndex+'] input[name=sku'+t+']').val()+"|"+detailVal);
}
var money= $("#money h3 span").text().substring(4);
$('input[name=totalprice]').val(money);
$('input[name=All_sku]').val(arr);
return submitForm({$data.list.is_sms});
}
//套装选择事件
$("li[fn='click']").click(function(){
var that = $(this),
curVal = that.attr("optionValueId"),
position = that.attr("num"),
chooseFlag = that.hasClass("current");
var classVal = that.parents('div').first().attr('class');
//判断选择
if(chooseFlag){
chooseCancel(classVal,1,position,curVal,chooseFlag);//样式变化
}else{
chooseCancel(classVal,2,position,curVal,chooseFlag);//重新选中
}
});
var skuVal='';
//套装选择导致的样式变化
function chooseCancel(classVal,type,position,val,chooseFlag){
var cur_loopIndex = $(".inp input[type='radio']:checked").attr('data-loopIndex');
$('[data-loopIndex='+cur_loopIndex+'] .'+classVal+'').find("[num="+position+"]").each(function(){
var that = $(this),
curVal = that.attr("optionValueId");
//type操作 1取消 2选中
if(curVal == val){
if(type == 1){
that.removeClass("current");
}else{
that.addClass("current").siblings().removeClass("current");
}
}
});
$('[data-loopIndex='+cur_loopIndex+'] .'+classVal+'').find("[class='current']").each(function(i){
var th = $(this),curVal = th.attr("optionValueId");
if(i==0){
skuVal= curVal;
}else{
skuVal= skuVal+'_'+curVal;
}
});
//如果所有层级选择完整，且有符合条件的数据
var suitId = 0;
for(var curSuitId in suitRuleInfo){
if( skuVal == suitRuleInfo[curSuitId] ){
suitId = curSuitId;
}
}
if(suitId && !chooseFlag){
$('[data-loopIndex='+cur_loopIndex+'] input[name='+classVal+']').val(suitId);
}else{
$('[data-loopIndex='+cur_loopIndex+'] input[name='+classVal+']').val('');
}
}
</script>
</body>
</html>
网友评论