1011 lines
45 KiB
PHTML
Executable File
1011 lines
45 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
{include file="include/head-seo" /}
|
||
{include file="include/head" /}
|
||
<script type="text/javascript">
|
||
var navID = "1";
|
||
</script>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/bxslider/goods.bxslider.css">
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/style.css">
|
||
<script type="text/javascript" src="__PUBLIC__/m_web/js/bxslider/jquery.bxslider.min.js"></script>
|
||
|
||
</head>
|
||
<body>
|
||
<!--top-->
|
||
<div id="content">
|
||
<!--头部-->
|
||
{include file="include/top" /}
|
||
|
||
<!--产品地址-->
|
||
<div class="m_Container margin-top-90">
|
||
<div class="goods_address">
|
||
<a href="__ORICOROOT__" class="href_01">Home</a>
|
||
<?php if ($pid): ?>
|
||
<span class="icon-arrow arrow_address"></span>
|
||
<a href="__ORICOROOT__/product/catelists/id/<?php echo $pid['id']; ?>" class="href_02"><?php echo $pid['name']; ?></a>
|
||
<?php endif; ?>
|
||
<?php if ($cid): ?>
|
||
<span class="icon-arrow arrow_address"></span>
|
||
<a href="__ORICOROOT__/product/subcatelists/id/<?php echo $cid['id']; ?>" class="href_02"><?php echo $cid['name']; ?></a>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
<!--产品主图-->
|
||
<?php if (!empty($product_images)): ?>
|
||
<div class="m_Container">
|
||
<?php
|
||
//判断属性规则为旧版【2023-12-30前】单一颜色属性， 还是新版多属性
|
||
if(is_array($product_attr)) {
|
||
|
||
$images = reset($product_images);
|
||
$skuAttr = $images['image_color']; //获取多属性标签
|
||
}
|
||
else{
|
||
if ($color){
|
||
$images = $product_images[$color];
|
||
} else {
|
||
$images = reset($product_images);
|
||
}
|
||
}
|
||
|
||
|
||
?>
|
||
<ul class="goods_list">
|
||
<?php
|
||
|
||
if(is_array($product_attr) && is_array($images['image_url'])){
|
||
foreach($images['image_url'] as $km => $itm) {
|
||
echo '<li> <img src="'.getImage($itm).'"></li>';
|
||
}
|
||
}
|
||
else{
|
||
if(isset($images['image_url']) && is_array($images['image_url'])) {
|
||
foreach ($images['image_url'] as $k => $img){
|
||
|
||
|
||
echo '<li> <img src="'.getImage($img).'"></li>';
|
||
}
|
||
}
|
||
else{
|
||
|
||
foreach ($images as $key => $value){
|
||
echo '<li> <img src="'.getImage($value['image_url']).'"></li>';
|
||
}
|
||
}
|
||
// foreach ($images as $k => $img){
|
||
// echo '<li> <img src="'.getImage($img['image_url']).'"></li>';
|
||
// }
|
||
|
||
|
||
/*if(is_array($images['image_url']) && sizeof($images['image_url'])) {
|
||
foreach ($images['image_url'] as $k => $img){
|
||
echo '<li id="onlickImg"> <img src="'.getImage($img).'"></li>';
|
||
}
|
||
}
|
||
else{
|
||
foreach ($images as $k => $img){
|
||
echo '<li> <img src="'.getImage($img['image_url']).'"></li>';
|
||
}
|
||
}*/
|
||
}
|
||
|
||
?>
|
||
|
||
</ul>
|
||
</div>
|
||
<?php endif; ?>
|
||
<!--规格参数-->
|
||
<div class="m_Container">
|
||
<!--多颜色-->
|
||
<div class="slideTxtBox">
|
||
<?php
|
||
if(is_array($attributes) && sizeof($attributes)){
|
||
foreach($attributes as $ka => $attrList){
|
||
echo "<div class='hd clearfix'><div class ='dt attr_type '>".$ka."<span class='selectedAttr'></span>";
|
||
$isColor = false;
|
||
|
||
if(strtolower($ka) == 'color' || $ka == '颜色' || $ka == '色彩') {
|
||
echo "<ul class='hd dowebok clearfix'>";
|
||
$isColor = true;
|
||
}
|
||
else{
|
||
echo "<ul class='typeColor clearfix'>";
|
||
}
|
||
$colorType = '';
|
||
foreach($attrList as $kl => $attrValue){
|
||
$firstClass = " attr_item ".($kl ==0 ? "on" : "");
|
||
if($isColor){
|
||
//判断颜色属性取值【中文文字、色值、色块图英文名称】
|
||
//$firstChar = substr($attrValue, 0, 1);
|
||
//$colorFile = 'https://cc.f2b211.com/uploads/color/' .strtolower($attrValue). '.jpg';
|
||
|
||
|
||
//判断为颜色色值RGB
|
||
//if($firstChar == '#'){
|
||
// $colorType = 1;
|
||
//}
|
||
if(strlen($attrValue) ==2){
|
||
$colorType = 2;
|
||
}
|
||
//判断颜色色块图片是否存在
|
||
//elseif(https_request($colorFile)){
|
||
// $colorType = 3;
|
||
//}
|
||
|
||
|
||
//判断为颜色色值RGB
|
||
/*if($colorType == 1){
|
||
echo '<li class="item attr_value '.$firstClass.'" data-type="'.$ka.'" data-value="'.trim($attrValue).'"><a style="background-color: '.$attrValue.'""></a></li>';
|
||
}*/
|
||
if($colorType == 2){
|
||
if(isset($productColor[strtoupper($attrValue)])) {
|
||
if($attrValue == 'GD'||$attrValue == 'GR'||$attrValue == 'SV'||$attrValue == 'RG'||$attrValue == 'CO'||$attrValue == 'WD'){
|
||
echo '<li class=" attr_value tip1 '.$firstClass.'" data-type="'.$ka.'" data-feed="'.$productColor[$attrValue].'" data-value="'.trim($attrValue).'" data-tipso="'.$productColor[strtoupper($attrValue)].'"><a><img src="/uploads/color/'.$attrValue.'.jpg" alt="" style="width:15px; height: 15px; border-radius: 100px;"></a></li>';
|
||
}
|
||
else{
|
||
echo '<li class=" attr_value tip1 '.$firstClass.'" data-type="'.$ka.'" data-feed="'.$productColor[$attrValue].'" data-value="'.trim($attrValue).'" data-tipso="'.$productColor[strtoupper($attrValue)].'"><span class="co-bg '.strtoupper($attrValue).'"></span></li>';
|
||
}
|
||
}
|
||
}
|
||
|
||
else{
|
||
echo '<li class=" attr_value '.$firstClass.'" data-type="'.$ka.'" data-feed="'.strtoupper($attrValue).'" data-value="'.trim($attrValue).'"><a ><i class="text">'.$attrValue.'</i></a></li>';
|
||
}
|
||
|
||
}
|
||
else{
|
||
echo '<li class="item attr_value '.$firstClass.'" data-type="'.$ka.'" data-feed="'.trim($attrValue).'" data-value="'.trim($attrValue).'"><a ><i class="text">'.$attrValue.'</i></a></li>';
|
||
|
||
}
|
||
|
||
}
|
||
echo "</ul> </div></div>";
|
||
}
|
||
}
|
||
else{
|
||
?>
|
||
<div class="hd Multi_color">
|
||
<ul>
|
||
<?php if (!empty($product_images && count($product_images) > 1)): ?>
|
||
<?php foreach($product_images as $key => $value):
|
||
if(is_array($value)):
|
||
?>
|
||
|
||
<li class="img-responsive S-small-img on">
|
||
<div class="cricle">
|
||
<a href="__ORICOROOT__/product/detail/id/<?php echo $detail['id']; ?>/color/<?php echo $key; ?>"><img src="<?php echo $value[0]['image_color']; ?>" alt="" class="S-Cricle-Bg"></a>
|
||
</div>
|
||
</li>
|
||
<?php endif; ?>
|
||
<?php endforeach; ?>
|
||
<?php endif; ?>
|
||
|
||
</ul>
|
||
<?php }?>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="goods_all_title">
|
||
<div class="title"><?php echo $detail['name']; ?></div>
|
||
<div class="subtitle"><?php echo $detail['shortname']; ?></div>
|
||
<div class="position_r img-responsives" style="width:2.56rem; margin-top:0.5rem; height: 0.4rem;">
|
||
<img src="__PUBLIC__/web/images/star_whhite.png">
|
||
<div class="star" style="width:<?php echo $detail['cpyanse']; ?>%;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="proTfg">
|
||
<ul class="msul swt-Table">
|
||
<li class="Table-Row">
|
||
<div class="ms1 Table-Cell">Model</div>
|
||
<div class="ms2 Table-Cell"></div>
|
||
<div class="ms3 Table-Cell"><?php echo $detail['brand_id']; ?></div>
|
||
</li>
|
||
<?php if ($detail['product_view']): ?>
|
||
<?php $detail_views = unserialize($detail['product_view']); ?>
|
||
<?php foreach ($detail_views as $key => $value): ?>
|
||
<li class="Table-Row">
|
||
<div class="ms1 Table-Cell"><?php echo $value['desc_title']; ?></div>
|
||
<div class="ms2 Table-Cell"></div>
|
||
<div class="ms3 Table-Cell"><?php echo $value['desc_desc']; ?></div>
|
||
</li>
|
||
<?php endforeach; ?>
|
||
<?php endif; ?>
|
||
</ul>
|
||
</div>
|
||
|
||
<!--a onclick="toggle_colleciton(this)" class="text_gray img-responsive text_22">
|
||
<span class="house house_img01
|
||
<?php if ($detail['is_collection']): ?>
|
||
house_img02
|
||
<?php endif; ?>
|
||
"></span>
|
||
<div class="clear margin-top-50"></div>
|
||
</a-->
|
||
|
||
<div class="platform_buy">
|
||
<a class="btn-blue-detail business-button">Send Inquiry</a>
|
||
<!-- a href="<?php echo $detail['url_tm']; ?>" class="btn-white-detail">Amazon</a -->
|
||
</div>
|
||
</div>
|
||
|
||
<!--详情-->
|
||
<div id="Goods_detail"></div>
|
||
<div class="goods_details">
|
||
<ul class="cpa des cursor_p">
|
||
<li class="active" id="one">Product description</li>
|
||
<?php if ($product_relateds): ?><li id="two">Related products</li><?php endif; ?>
|
||
<div class="clear"></div>
|
||
</ul>
|
||
</div>
|
||
<div class="goods_des img-responsives" id="goods_details_Content1">
|
||
<?php echo str_replace('<br />', '', $detail['ld_md_content']); ?>
|
||
<!-- <img src="__PUBLIC__/m_web/images/products/des-01.jpg">
|
||
<img src="__PUBLIC__/m_web/images/products/des-02.jpg">
|
||
<img src="__PUBLIC__/m_web/images/products/des-03.jpg">
|
||
<img src="__PUBLIC__/m_web/images/products/des-04.jpg">
|
||
<img src="__PUBLIC__/m_web/images/products/des-05.jpg">
|
||
<img src="__PUBLIC__/m_web/images/products/des-06.jpg">
|
||
<img src="__PUBLIC__/m_web/images/products/des-07.jpg">
|
||
<img src="__PUBLIC__/m_web/images/products/des-08.jpg"> -->
|
||
</div>
|
||
<div class="m_Content goods_Related" id="goods_details_Content2" style="display: none">
|
||
<!--<div class="text_center title goods_Related_title" id="link2">关联产品</div>-->
|
||
<?php if ($product_relateds): ?>
|
||
<div class="list_two">
|
||
<?php foreach ($product_relateds as $key => $value): ?>
|
||
<li class="text_center bg_white img-responsive">
|
||
<a href="__ORICOROOT__/product/detail/id/<?php echo $value['id']; ?>">
|
||
<p class="margin-top-50"><img src="<?php echo getImage($value['product_two_img']['image_url']); ?>" style="display: inline-block"></p>
|
||
<p class="text_22 text_black margin-top-30"><?php echo $value['name']; ?></p>
|
||
<p class="text_16 text_gray margin-top-14 margin-bottom-30"><?php echo $value['brand_id']; ?></p>
|
||
</a>
|
||
|
||
</li>
|
||
<?php endforeach; ?>
|
||
</ul>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<!--评论-->
|
||
<div class="m_Container goods_Related" id="goods_details_Content3" style="display: none">
|
||
<!--<div class="text_center title margin-bottom-30" id="link4">评论</div>-->
|
||
<?php if ($list): $list = $list->items(); ?>
|
||
<?php foreach ($list as $key => $value): ?>
|
||
<div class="goods_comment">
|
||
<span class="title"><?php echo $value['auctionSku']; ?></span>
|
||
<span class="subtitle"><?php echo $value['displayUserNick'], $value['rateDate']; ?></span>
|
||
<span class="subtitle"><?php echo $value['rateContent']; ?></span>
|
||
<?php if ($value['pics']): ?>
|
||
<div class="goods_comment_img">
|
||
<ul>
|
||
<?php foreach ($value['pics'] as $k => $v): ?>
|
||
<li><img src="<?php echo getImage($v); ?>" class=""></li>
|
||
<?php endforeach; ?>
|
||
</ul>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endforeach; ?>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<!--大图-->
|
||
<div class="big_img">
|
||
<div class="swiper-container2">
|
||
<div class="swiper-wrapper"> </div>
|
||
</div>
|
||
</div>
|
||
<!--弹出框-->
|
||
<div class="marsk-container-detail" style="display: none;">
|
||
<div class="popup-quick" >
|
||
<div class="title-text">Send Inquiry</div>
|
||
<div class="business-close"><img src="__PUBLIC__/weben/images/close.png"></div>
|
||
<div class="apply_content">
|
||
<div class="detail_form">
|
||
<div style="margin-bottom: 0.5rem;">
|
||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Name</p>
|
||
<div class="name clearfix" style="margin-right: 1.65rem;width:96%; display:inline-block ">
|
||
<input type="text" class="first detail-w02" placeholder="First name" name="firstname" id="firstname" style="margin-right:0.5rem;"/>
|
||
<input type="text" class="first detail-w02" placeholder="Last name" name="lastname" id="lastname"/>
|
||
</div>
|
||
</div>
|
||
<div class=" clearfix" style="margin-bottom: 0.5rem;width:96%;">
|
||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Company/Organization</p>
|
||
<div style="margin-right: 1.25rem; ">
|
||
<input type="text" class="first detail-w01" id='companyName' name='companyName'/>
|
||
</div>
|
||
</div>
|
||
<div class=" clearfix" style="margin-bottom: 0.5rem;width:96%;">
|
||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Email Address</p>
|
||
<div style="margin-right: 1.25rem; ">
|
||
<input type="text" class="first detail-w01" id="email" name='email'/>
|
||
</div>
|
||
</div>
|
||
<div class=" clearfix" style="margin-bottom: 0.5rem;width:96%;">
|
||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Phone Number</p>
|
||
<div style="margin-right: 1.25rem; ">
|
||
<input type="text" class="first detail-w01" id="phone" name='phone'/>
|
||
</div>
|
||
</div>
|
||
<div class=" clearfix" style="margin-bottom: 0.5rem;width:100%;">
|
||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Country</p>
|
||
<div style="margin-right: 1.25rem; ">
|
||
<select class=" detail-w01" id='country' name='country'>
|
||
<option value ="">--- Select your country ---</option>
|
||
<option value ="Afghanistan">Afghanistan</option>
|
||
<option value ="Albania">Albania</option>
|
||
<option value ="Algeria">Algeria</option>
|
||
<option value ="American Samoa">American Samoa</option>
|
||
<option value ="Andorra">Andorra</option>
|
||
<option value ="Angola">Angola</option>
|
||
<option value ="Anguilla">Anguilla</option>
|
||
<option value ="Antigua and Barbuda">Antigua and Barbuda</option>
|
||
<option value ="Argentina">Argentina</option>
|
||
<option value ="Armenia">Armenia</option>
|
||
<option value ="Aruba">Aruba</option>
|
||
<option value ="Australia">Australia</option>
|
||
<option value ="Austria">Austria</option>
|
||
<option value ="Azerbaijan">Azerbaijan</option>
|
||
<option value ="Azores">Azores</option>
|
||
<option value ="Bahamas">Bahamas</option>
|
||
<option value ="Bahrain">Bahrain</option>
|
||
<option value ="Bangladesh">Bangladesh</option>
|
||
<option value ="Barbados">Barbados</option>
|
||
<option value ="Belarus">Belarus</option>
|
||
<option value ="Belgium">Belgium</option>
|
||
<option value ="Belize">Belize</option>
|
||
<option value ="Benin">Benin</option>
|
||
<option value ="Bermuda">Bermuda</option>
|
||
<option value ="Bhutan">Bhutan</option>
|
||
<option value ="Bolivia">Bolivia</option>
|
||
<option value ="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
|
||
<option value ="Botswana">Botswana</option>
|
||
<option value ="Brazil">Brazil</option>
|
||
<option value ="Brunei">Brunei</option>
|
||
<option value ="Bulgaria">Bulgaria</option>
|
||
<option value ="Burkina Faso">Burkina Faso</option>
|
||
<option value ="Burundi">Burundi</option>
|
||
<option value ="Cambodia">Cambodia</option>
|
||
<option value ="Cameroon">Cameroon</option>
|
||
<option value ="Canada">Canada</option>
|
||
<option value ="Canarias">Canarias</option>
|
||
<option value ="Cape Verde">Cape Verde</option>
|
||
<option value ="Cayman">Cayman</option>
|
||
<option value ="Central African Republic">Central African Republic</option>
|
||
<option value ="Chad">Chad</option>
|
||
<option value ="Chile">Chile</option>
|
||
<option value ="China">China</option>
|
||
<option value ="Colombia">Colombia</option>
|
||
<option value ="Comoros">Comoros</option>
|
||
<option value ="Congo (Congo-Kinshasa)">Congo (Congo-Kinshasa)</option>
|
||
<option value ="Congo">Congo</option>
|
||
<option value ="Cook Islands">Cook Islands</option>
|
||
<option value ="Costa Rica">Costa Rica</option>
|
||
<option value ="Cote D'Ivoire">Cote D'Ivoire</option>
|
||
<option value ="Croatia">Croatia</option>
|
||
<option value ="Cuba">Cuba</option>
|
||
<option value ="Cyprus">Cyprus</option>
|
||
<option value ="Czech">Czech</option>
|
||
<option value ="Denmark">Denmark</option>
|
||
<option value ="Djibouti">Djibouti</option>
|
||
<option value ="Dominica">Dominica</option>
|
||
<option value ="Dominican">Dominican</option>
|
||
<option value ="Ecuador">Ecuador</option>
|
||
<option value ="Egypt">Egypt</option>
|
||
<option value ="El Salvador">El Salvador</option>
|
||
<option value ="Equatorial Guinea">Equatorial Guinea</option>
|
||
<option value ="Eritrea">Eritrea</option>
|
||
<option value ="Estonia">Estonia</option>
|
||
<option value ="Ethiopia">Ethiopia</option>
|
||
<option value ="Fiji">Fiji</option>
|
||
<option value ="Finland">Finland</option>
|
||
<option value ="France">France</option>
|
||
<option value ="French Guiana">French Guiana</option>
|
||
<option value ="French Polynesia">French Polynesia</option>
|
||
<option value ="Gabon">Gabon</option>
|
||
<option value ="Gambia">Gambia</option>
|
||
<option value ="Georgia">Georgia</option>
|
||
<option value ="Germany">Germany</option>
|
||
<option value ="Ghana">Ghana</option>
|
||
<option value ="Greece">Greece</option>
|
||
<option value ="Greenland">Greenland</option>
|
||
<option value ="Grenada">Grenada</option>
|
||
<option value ="Guadeloupe">Guadeloupe</option>
|
||
<option value ="Guam">Guam</option>
|
||
<option value ="Guatemala">Guatemala</option>
|
||
<option value ="Guinea">Guinea</option>
|
||
<option value ="Guinea-Bissau">Guinea-Bissau</option>
|
||
<option value ="Guyana">Guyana</option>
|
||
<option value ="Haiti">Haiti</option>
|
||
<option value ="Honduras">Honduras</option>
|
||
<option value ="Hungary">Hungary</option>
|
||
<option value ="Iceland">Iceland</option>
|
||
<option value ="India">India</option>
|
||
<option value ="Indonesia">Indonesia</option>
|
||
<option value ="Iran">Iran</option>
|
||
<option value ="Iraq">Iraq</option>
|
||
<option value ="Ireland">Ireland</option>
|
||
<option value ="Israel">Israel</option>
|
||
<option value ="Italy">Italy</option>
|
||
<option value ="Jamaica">Jamaica</option>
|
||
<option value ="Japan">Japan</option>
|
||
<option value ="Jordan">Jordan</option>
|
||
<option value ="Kazakhstan">Kazakhstan</option>
|
||
<option value ="Kenya">Kenya</option>
|
||
<option value ="Kiribati">Kiribati</option>
|
||
<option value ="Korea (North)">Korea (North)</option>
|
||
<option value ="Korea (South)">Korea (South)</option>
|
||
<option value ="Kuwait">Kuwait</option>
|
||
<option value ="Kyrgyzstan">Kyrgyzstan</option>
|
||
<option value ="Laos">Laos</option>
|
||
<option value ="Latvia">Latvia</option>
|
||
<option value ="Lebanon">Lebanon</option>
|
||
<option value ="Lesotho">Lesotho</option>
|
||
<option value ="Liberia">Liberia</option>
|
||
<option value ="Libya">Libya</option>
|
||
<option value ="Liechtenstein">Liechtenstein</option>
|
||
<option value ="Lithuania">Lithuania</option>
|
||
<option value ="Luxembourg">Luxembourg</option>
|
||
<option value ="Macedonia">Macedonia</option>
|
||
<option value ="Madagascar">Madagascar</option>
|
||
<option value ="Madeira">Madeira</option>
|
||
<option value ="Malawi">Malawi</option>
|
||
<option value ="Malaysia">Malaysia</option>
|
||
<option value ="Maldives">Maldives</option>
|
||
<option value ="Mali">Mali</option>
|
||
<option value ="Malta">Malta</option>
|
||
<option value ="Marshall Islands">Marshall Islands</option>
|
||
<option value ="Martinique">Martinique</option>
|
||
<option value ="Mauritania">Mauritania</option>
|
||
<option value ="Mauritius">Mauritius</option>
|
||
<option value ="Mexico">Mexico</option>
|
||
<option value ="Micronesia">Micronesia</option>
|
||
<option value ="Moldova">Moldova</option>
|
||
<option value ="Monaco">Monaco</option>
|
||
<option value ="Mongolia">Mongolia</option>
|
||
<option value ="Montserrat">Montserrat</option>
|
||
<option value ="Morocco">Morocco</option>
|
||
<option value ="Mozambique">Mozambique</option>
|
||
<option value ="Myanmar">Myanmar</option>
|
||
<option value ="Namibia">Namibia</option>
|
||
<option value ="Nauru">Nauru</option>
|
||
<option value ="Nepal">Nepal</option>
|
||
<option value ="Netherlands Antilles">Netherlands Antilles</option>
|
||
<option value ="Netherlands">Netherlands</option>
|
||
<option value ="New Caledonia">New Caledonia</option>
|
||
<option value ="New Zealand">New Zealand</option>
|
||
<option value ="Nicaragua">Nicaragua</option>
|
||
<option value ="Niger">Niger</option>
|
||
<option value ="Niue">Niue</option>
|
||
<option value ="Northern Mariana">Northern Mariana</option>
|
||
<option value ="Norway">Norway</option>
|
||
<option value ="Oman">Oman</option>
|
||
<option value ="Pakistan">Pakistan</option>
|
||
<option value ="Palau">Palau</option>
|
||
<option value ="Palestine">Palestine</option>
|
||
<option value ="Panama">Panama</option>
|
||
<option value ="Papua New Guinea">Papua New Guinea</option>
|
||
<option value ="Paraguay">Paraguay</option>
|
||
<option value ="Peru">Peru</option>
|
||
<option value ="Philippines">Philippines</option>
|
||
<option value ="Pitcairn Islands">Pitcairn Islands</option>
|
||
<option value ="Poland">Poland</option>
|
||
<option value ="Portugal">Portugal</option>
|
||
<option value ="Puerto Rico">Puerto Rico</option>
|
||
<option value ="Qatar">Qatar</option>
|
||
<option value ="Reunion">Reunion</option>
|
||
<option value ="Romania">Romania</option>
|
||
<option value ="Russian Federation">Russian Federation</option>
|
||
<option value ="Rwanda">Rwanda</option>
|
||
<option value ="Saint Helena">Saint Helena</option>
|
||
<option value ="Saint Kitts-Nevis">Saint Kitts-Nevis</option>
|
||
<option value ="Saint Lucia">Saint Lucia</option>
|
||
<option value ="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
|
||
<option value ="Samoa">Samoa</option>
|
||
<option value ="San Marino">San Marino</option>
|
||
<option value ="Sao Tome and Principe">Sao Tome and Principe</option>
|
||
<option value ="Saudi Arabia">Saudi Arabia</option>
|
||
<option value ="Senegal">Senegal</option>
|
||
<option value ="Serbia">Serbia</option>
|
||
<option value ="Seychelles">Seychelles</option>
|
||
<option value ="Sierra Leone">Sierra Leone</option>
|
||
<option value ="Singapore">Singapore</option>
|
||
<option value ="Slovakia">Slovakia</option>
|
||
<option value ="Slovenia">Slovenia</option>
|
||
<option value ="Solomon Islands">Solomon Islands</option>
|
||
<option value ="Somalia">Somalia</option>
|
||
<option value ="South Africa">South Africa</option>
|
||
<option value ="Spain">Spain</option>
|
||
<option value ="Sri Lanka">Sri Lanka</option>
|
||
<option value ="Sudan">Sudan</option>
|
||
<option value ="Suriname">Suriname</option>
|
||
<option value ="Swaziland">Swaziland</option>
|
||
<option value ="Sweden">Sweden</option>
|
||
<option value ="Switzerland">Switzerland</option>
|
||
<option value ="Syria">Syria</option>
|
||
<option value ="Tajikistan">Tajikistan</option>
|
||
<option value ="Tanzania">Tanzania</option>
|
||
<option value ="Thailand">Thailand</option>
|
||
<option value ="The British Virgin Islands">The British Virgin Islands</option>
|
||
<option value ="The United States Virgin Islands">The United States Virgin Islands</option>
|
||
<option value ="Timor-Leste">Timor-Leste</option>
|
||
<option value ="Togo">Togo</option>
|
||
<option value ="Tokelau">Tokelau</option>
|
||
<option value ="Tonga">Tonga</option>
|
||
<option value ="Trinidad and Tobago">Trinidad and Tobago</option>
|
||
<option value ="Tunisia">Tunisia</option>
|
||
<option value ="Turkey">Turkey</option>
|
||
<option value ="Turkmenistan">Turkmenistan</option>
|
||
<option value ="Turks and Caicos Islands">Turks and Caicos Islands</option>
|
||
<option value ="Tuvalu">Tuvalu</option>
|
||
<option value ="Uganda">Uganda</option>
|
||
<option value ="Ukraine">Ukraine</option>
|
||
<option value ="United Arab Emirates">United Arab Emirates</option>
|
||
<option value ="United Kingdom">United Kingdom</option>
|
||
<option value ="United States">United States</option>
|
||
<option value ="Uruguay">Uruguay</option>
|
||
<option value ="Uzbekistan">Uzbekistan</option>
|
||
<option value ="Vanuatu">Vanuatu</option>
|
||
<option value ="Vatican City">Vatican City</option>
|
||
<option value ="Venezuela">Venezuela</option>
|
||
<option value ="Vietnam">Vietnam</option>
|
||
<option value ="Wallis and Futuna">Wallis and Futuna</option>
|
||
<option value ="Western Sahara">Western Sahara</option>
|
||
<option value ="Yemen">Yemen</option>
|
||
<option value ="Zambia">Zambia</option>
|
||
<option value ="Zimbabwe">Zimbabwe</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class=" clearfix" style="margin-bottom: 0.5rem;width:96%;">
|
||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Industry</p>
|
||
<div style="margin-right: 1.25rem; ">
|
||
<input type="text" class="first detail-w01" id='industry' name='industry'/>
|
||
</div>
|
||
</div>
|
||
<div class=" clearfix" style="margin-bottom: 0.5rem;width:96%;">
|
||
<p><strong style="color: red;">*</strong>lnquiry</p>
|
||
<div >
|
||
<textarea rows="3" cols="20" class="first detail-w01" id='inquiry' name='inquiry'/></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="submit_btn">SUBMIT</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--弹出框-->
|
||
|
||
<!--底部文件-->
|
||
{include file="include/bottom" /}
|
||
|
||
</div>
|
||
|
||
<script>
|
||
$(function() {
|
||
$('.business-button').click(function() {
|
||
$(".marsk-container-detail").show();
|
||
});
|
||
});
|
||
|
||
|
||
/*弹出框关闭*/
|
||
$(function() {
|
||
$('.business-close').click(function() {
|
||
$(".marsk-container-detail").hide();
|
||
});
|
||
// 提交表单
|
||
$('.submit_btn').click(function(){
|
||
var companyName = $('#companyName').val();
|
||
var firstName = $('#firstname').val();
|
||
var lastName = $('#lastname').val();
|
||
var email = $('#email').val();
|
||
var phone = $('#phone').val();
|
||
var country = $('#country').val();
|
||
var industry = $('#industry').val();
|
||
var inquiry = $('#inquiry').val();
|
||
|
||
|
||
// 输入框失去焦点
|
||
if(email == ''){
|
||
$('#email').addClass('error');
|
||
$('#email').next('span').removeClass('hide');
|
||
}
|
||
else{
|
||
if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email) == false) {
|
||
$('#email').addClass('error');
|
||
$('#email').next('span').removeClass('hide');
|
||
return false;
|
||
}
|
||
else{
|
||
$('#email').removeClass('error');
|
||
$('#email').next('span').addClass('hide');
|
||
}
|
||
}
|
||
|
||
if(companyName == ''){
|
||
$('#companyName').addClass('error');
|
||
$('#companyName').next('span').removeClass('hide');
|
||
}else{
|
||
$('#companyName').removeClass('error');
|
||
$('#companyName').next('span').addClass('hide');
|
||
}
|
||
|
||
if(firstName == ''){
|
||
$('#firstname').addClass('error');
|
||
$('#firstname').next('span').removeClass('hide');
|
||
|
||
}else{
|
||
$('#firstname').removeClass('error');
|
||
$('#firstname').next('span').addClass('hide');
|
||
}
|
||
if(lastName == ''){
|
||
$('#lastname').addClass('error');
|
||
$('#lastname').next('span').removeClass('hide');
|
||
|
||
}else{
|
||
$('#lastname').removeClass('error');
|
||
$('#lastname').next('span').addClass('hide');
|
||
}
|
||
if(phone == ''){
|
||
$('#phone').addClass('error');
|
||
$('#phone').next('span').removeClass('hide');
|
||
|
||
}else{
|
||
$('#phone').removeClass('error');
|
||
$('#phone').next('span').addClass('hide');
|
||
}
|
||
if(industry == ''){
|
||
$('#industry').addClass('error');
|
||
$('#industry').next('span').removeClass('hide');
|
||
|
||
}else{
|
||
$('#industry').removeClass('error');
|
||
$('#industry').next('span').addClass('hide');
|
||
}
|
||
if(inquiry == ''){
|
||
$('#inquiry').addClass('error');
|
||
$('#inquiry').next('span').removeClass('hide');
|
||
|
||
}else{
|
||
$('#inquiry').removeClass('error');
|
||
$('#inquiry').next('span').addClass('hide');
|
||
}
|
||
if(country == ''){
|
||
$('#country').addClass('error');
|
||
$('#country').next('span').removeClass('hide');
|
||
}else{
|
||
$('#country').removeClass('error');
|
||
$('#country').next('span').addClass('hide');
|
||
}
|
||
|
||
|
||
var spu = '<?php echo $detail['brand_id']; ?>';
|
||
|
||
//点击创建申请块
|
||
if(companyName && firstName && lastName && email && phone && country && industry && inquiry) {
|
||
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/usmobile/inquiry/create",
|
||
data: {'company':companyName, 'email':email,'country':country,'name':firstName,'last_name':lastName,'phone':phone,'industry':industry,'inquiry':inquiry,'spu':spu},
|
||
dataType: "json",
|
||
success: function(data){
|
||
if(data.code == 200) {
|
||
alert("Inquiry Add Success!");
|
||
location.href = '/usmobile/Group/submission.html';
|
||
|
||
$(".marsk-container-detail").hide();
|
||
|
||
$("input[ type='text']").val('');
|
||
$('#country').val('');
|
||
$('#inquiry').val('');
|
||
$('#industry').val('');
|
||
|
||
//location.href = '/usmobile/Group/submission.html';
|
||
|
||
}
|
||
else{
|
||
if(data.code == 403 || data.code == 201) {
|
||
alert(data.msg);
|
||
}
|
||
else{
|
||
|
||
$('.email').addClass('error');
|
||
$('.email').next('span').removeClass('hide');
|
||
|
||
}
|
||
}
|
||
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
})
|
||
|
||
});
|
||
|
||
</script>
|
||
<script type="text/javascript">
|
||
//jQuery(".slideTxtBox").slide();
|
||
//jQuery(".slideTxtBox").slide();
|
||
</script>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.css"/>
|
||
<script type="text/javascript" src="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
|
||
$(function () {
|
||
var attributes = JSON.parse('<?php echo json_encode($product_attr);?>');
|
||
var pictures = JSON.parse('<?php echo json_encode($product_images);?>');
|
||
|
||
//多属性选择及绑定事件
|
||
$(".hd .attr_item").click(function(){
|
||
$(this).siblings().removeClass('on');
|
||
$(this).toggleClass('on');
|
||
|
||
var attrVal = $(this).data('feed');
|
||
if($(this).hasClass("on")){
|
||
$(this).parents(".hd").find(".selectedAttr").text(attrVal);
|
||
}
|
||
else{
|
||
|
||
$(this).parents(".hd").find(".selectedAttr").html('');
|
||
}
|
||
|
||
//验证是否所有属性全部选中
|
||
var skuCount = $('.attr_type').length;
|
||
var activeCount = $('.hd .on').length;
|
||
|
||
var productAttr = skuAttrType();
|
||
//console.log(activeCount +'------'+skuCount);
|
||
if(activeCount == skuCount)
|
||
{
|
||
|
||
//勾选属性事件： 重新加载属性图片
|
||
pictures.forEach(function(image, key) {
|
||
//选中的属性
|
||
var imageColor = image.image_color;
|
||
|
||
|
||
//判断属性是否全部匹配
|
||
var attrFlag = true;
|
||
attributes.forEach(function(attrName, kat) {
|
||
// console.log(kat + '**********');
|
||
//console.log(imageColor[kat]);
|
||
//console.log('-----');
|
||
//console.log(productAttr);
|
||
if(imageColor[kat][attrName] == productAttr[kat][attrName]){
|
||
|
||
}else{
|
||
//console.log(imageColor[kat][attrName] + '==-------==='+ productAttr[kat][attrName]);
|
||
attrFlag = false;
|
||
return;
|
||
|
||
}
|
||
})
|
||
//console.log('=========');
|
||
if(attrFlag){
|
||
|
||
var bigImagesHtml = '';
|
||
var firstImage = '';
|
||
var imageUrl = image.image_url;
|
||
|
||
imageUrl.forEach(function(atrVal,atrKey) {
|
||
|
||
bigImagesHtml += '<li class="bx-clone" style="float: left; list-style: none; position: relative; "> <img src="' + atrVal + '"></li>';
|
||
|
||
|
||
});
|
||
|
||
|
||
$(".goods_list").html(bigImagesHtml);
|
||
$(".bx-controls").remove();
|
||
$('.goods_list').bxSlider({});
|
||
|
||
}
|
||
|
||
})
|
||
|
||
}
|
||
|
||
});
|
||
|
||
});
|
||
|
||
function skuAttrType(){
|
||
// 获取规格值
|
||
var spec = [];
|
||
$('.hd .on').each(function()
|
||
{
|
||
var typeName = $(this).data('type');
|
||
var selected = {};
|
||
|
||
|
||
selected[typeName] = $(this).data('value');
|
||
|
||
spec.push(selected);
|
||
});
|
||
//console.log('Spec');
|
||
//console.log(spec);
|
||
return JSON.parse(JSON.stringify(spec));
|
||
}
|
||
|
||
|
||
/*banner*/
|
||
$(function(){
|
||
$('.goods_list').bxSlider({
|
||
});
|
||
});
|
||
//===========================详情/关联产品/评论切换效果====================================
|
||
|
||
$(document).ready(function(){
|
||
$("#one").click(function(){
|
||
$(this).addClass("active");
|
||
$(this).siblings().removeClass("active");
|
||
$("#goods_details_Content2").hide();
|
||
$("#goods_details_Content1").show();
|
||
$("#goods_details_Content3").hide();
|
||
});
|
||
|
||
$("#two").click(function(){
|
||
$(this).addClass("active");
|
||
$(this).siblings().removeClass("active");
|
||
$("#goods_details_Content1").hide();
|
||
$("#goods_details_Content2").show();
|
||
$("#goods_details_Content3").hide();
|
||
});
|
||
|
||
$("#three").click(function(){
|
||
$(this).addClass("active");
|
||
$(this).siblings().removeClass("active");
|
||
$("#goods_details_Content1").hide();
|
||
$("#goods_details_Content3").show();
|
||
$("#goods_details_Content2").hide();
|
||
});
|
||
|
||
});
|
||
|
||
/*固定导航栏 */
|
||
|
||
$(function() {
|
||
$(window).scroll(function() {
|
||
|
||
var var_height = $("#Goods_detail").offset().top;
|
||
var var_st = $(window).scrollTop();
|
||
|
||
if(var_st > var_height) {
|
||
$(".goods_details").addClass("goods_details_fixed");
|
||
} else {
|
||
$(".goods_details").removeClass("goods_details_fixed");
|
||
}
|
||
})
|
||
})
|
||
|
||
|
||
/*关联产品
|
||
var htmlfontSize=$("html").css('font-size'); // 获取字体大小
|
||
var reg = /\d+/;
|
||
var bxSliderWidth = (htmlfontSize.match(reg)[0] * 5.04);
|
||
var slideMarginWidth = (htmlfontSize.match(reg)[0] * 0.58);
|
||
|
||
//alert(slideMarginWidth);
|
||
|
||
$(function(){
|
||
$('.goods_Related_list').bxSlider({
|
||
autoControls: true,
|
||
pager:false,
|
||
minSlides: 3,
|
||
maxSlides: 3,
|
||
slideWidth: bxSliderWidth,
|
||
slideMargin: slideMarginWidth,
|
||
infiniteLoop:false,
|
||
|
||
});
|
||
});
|
||
*/
|
||
/*评论点击放大功能*/
|
||
$(document).ready(function(){
|
||
/*调起大图 S*/
|
||
var mySwiper = new Swiper('.swiper-container2', {
|
||
loop: false,
|
||
pagination: '.swiper-pagination2',
|
||
})
|
||
$(".goods_Related").on("click", ".goods_comment_img img",
|
||
function() {
|
||
var imgBox = $(this).parents(".goods_comment_img").find("img");
|
||
var i = $(imgBox).index(this);
|
||
$(".big_img .swiper-wrapper").html("")
|
||
|
||
for(var j = 0 ,c = imgBox.length; j < c ;j++){
|
||
$(".big_img .swiper-wrapper").append('<div class="swiper-slide"><div class="cell"><img src="' + imgBox.eq(j).attr("src") + '" / ></div></div>');
|
||
}
|
||
mySwiper.updateSlidesSize();
|
||
mySwiper.updatePagination();
|
||
$(".big_img").css({
|
||
"z-index": 1001,
|
||
"opacity": "1"
|
||
});
|
||
mySwiper.slideTo(i, 0, false);
|
||
return false;
|
||
});
|
||
|
||
$(".big_img").on("click",
|
||
function() {
|
||
$(this).css({
|
||
"z-index": "-1",
|
||
"opacity": "0"
|
||
});
|
||
|
||
});
|
||
});
|
||
/*调起大图 E*/
|
||
|
||
|
||
/*收藏*/
|
||
|
||
var curr_url = '/product/detail/<?php echo $detail['id']; ?>.html';
|
||
var is_collection = <?php echo $detail['is_collection']; ?>;
|
||
var flag = 1; // 限制调用收藏接口 1可用 0不可用
|
||
function toggle_colleciton(that)
|
||
{
|
||
if (flag == 0)
|
||
{
|
||
return;
|
||
}
|
||
|
||
is_collection = Number(!is_collection);
|
||
flag = 0;
|
||
if (is_collection)
|
||
{
|
||
var url = '/usmobile/collection/add_collection.html';
|
||
}
|
||
else
|
||
{
|
||
var url = '/usmobile/collection/cancel_collection.html';
|
||
}
|
||
|
||
var coll_id = <?php echo $detail['id']; ?>;
|
||
var data = {
|
||
type: 1,
|
||
coll_id: coll_id,
|
||
curr_url: curr_url
|
||
};
|
||
|
||
$.ajax({
|
||
url: url,
|
||
type: 'post',
|
||
dataType: 'json',
|
||
data : data,
|
||
success: function(res) {
|
||
if (res.code == -1000)
|
||
{
|
||
$('.alert').show();
|
||
/*$('.alert_white').html('请先登录').delay(1000).fadeOut();
|
||
setTimeout(function() {
|
||
location.href = '__ORICOROOT__/customer/login.html?url=' + res.data.url;
|
||
}, 800);*/
|
||
}
|
||
else if (res.code == 200)
|
||
{
|
||
$(that).find('.house').toggleClass("house_img02");
|
||
}
|
||
}
|
||
});
|
||
|
||
setTimeout(function() {
|
||
flag = 1;
|
||
}, 1000);
|
||
}
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|