init
This commit is contained in:
195
app/us/view/include/agents.phtml
Executable file
195
app/us/view/include/agents.phtml
Executable file
@@ -0,0 +1,195 @@
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/style2.css">
|
||||
|
||||
<!-- 代理申请表单 s -->
|
||||
<div class="apply_content" style="margin-top: 80px;">
|
||||
<div class="form_title">Become a Distributor</div>
|
||||
<div class="apply_form">
|
||||
<div style="margin-bottom: 1.875rem;">
|
||||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Company name</p>
|
||||
<input class='companyName' type="text" placeholder="Legal business name" name="company" id="company" />
|
||||
</div>
|
||||
<div style="margin-bottom: 1.875rem;">
|
||||
<p>Official website</p>
|
||||
<input type="text" placeholder="Please paste the URL" name="url" class="url" id="url" />
|
||||
</div>
|
||||
<div class="name clearfix" style="margin-bottom: 1.875rem;">
|
||||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Your name</p>
|
||||
<div style="margin-right: 1.25rem;">
|
||||
<input type="text" class="first" placeholder="First name" name="firstname" id="firstname"/>
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" class="last" placeholder="Last name" name="lastname" id="lastname"/>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 1.875rem;">
|
||||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Email</p>
|
||||
<input type="email" class="email" name="email" id="email"/>
|
||||
</div>
|
||||
<div style="margin-bottom: 1.875rem;">
|
||||
<p>Phone number</p>
|
||||
<input type="text" class="phone" name="phone" id="phone"/>
|
||||
</div>
|
||||
<div style="margin-bottom: 1.875rem;">
|
||||
<p>Products you are interested in?</p>
|
||||
<div class="check_boxs">
|
||||
<ul>
|
||||
<li><input type="checkbox" name="interested" value="Computer Peripheral">Computer Peripheral</li>
|
||||
<li><input type="checkbox" name="interested" value="Phone Peripheral">Phone Peripheral</li>
|
||||
<li><input type="checkbox" name="interested" value="Electronics">Electronics</li>
|
||||
<li><input type="checkbox" name="interested" value="SSD">SSD</li>
|
||||
<li><input type="checkbox" name="interested" value="Entertainment Series">Entertainment Series</li>
|
||||
<li><input type="checkbox" name="interested" value="Smart Life Series">Smart Life Series</li>
|
||||
<li><input type="checkbox" name="interested" value="Outdoor Power Station">Outdoor Power Station</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 1.875rem;">
|
||||
<p>Are you willing to keep inventory?</p>
|
||||
<div class="radio_box">
|
||||
<ul>
|
||||
<li><input type="radio" name="inventory" value="YES" checked>YES</li>
|
||||
<li><input type="radio" name="inventory" value="NO">NO</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 1.875rem;">
|
||||
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Distribution region</p>
|
||||
<input type="text" class="region" placeholder="Country,or area within a country" name="distribution" id="distribution"/>
|
||||
</div>
|
||||
<div class="submit_btn">SUBMIT</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 代理申请表单 e -->
|
||||
|
||||
<script>
|
||||
|
||||
try {
|
||||
k_win_ref = window.parent.document.referrer;
|
||||
} catch(e) {
|
||||
k_win_ref = '';
|
||||
};
|
||||
// 输入框失去焦点
|
||||
$('.companyName').blur(function(){
|
||||
if($('.companyName').val() != ''){
|
||||
$('.companyName').removeClass('error');
|
||||
$('.companyName').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.companyName').addClass('error');
|
||||
$('.companyName').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.first').blur(function(){
|
||||
if($('.first').val() != ''){
|
||||
$('.first').removeClass('error');
|
||||
$('.first').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.first').addClass('error');
|
||||
$('.first').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.last').blur(function(){
|
||||
if($('.last').val() != ''){
|
||||
$('.last').removeClass('error');
|
||||
$('.last').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.last').addClass('error');
|
||||
$('.last').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.email').blur(function(){
|
||||
if($('.email').val() != ''){
|
||||
$('.email').removeClass('error');
|
||||
$('.email').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.email').addClass('error');
|
||||
$('.email').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.region').blur(function(){
|
||||
if($('.region').val() != ''){
|
||||
$('.region').removeClass('error');
|
||||
$('.region').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.region').addClass('error');
|
||||
$('.region').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
// 提交表单
|
||||
$('.submit_btn').click(function(){
|
||||
var companyName = $('.companyName').val();
|
||||
var firstName = $('.first').val();
|
||||
var lastName = $('.last').val();
|
||||
var email = $('.email').val();
|
||||
var region = $('.region').val();
|
||||
|
||||
var checkItem = new Array();
|
||||
|
||||
$("input[name='interested']:checked").each(function() {
|
||||
checkItem.push($(this).val());// 在数组中追加元素
|
||||
});
|
||||
var interesteds = checkItem.join(",");
|
||||
|
||||
var inventory = $("input[name='inventory']:checked").val();
|
||||
|
||||
|
||||
if(companyName == ''){
|
||||
$('.companyName').addClass('error');
|
||||
$('.companyName').next('span').removeClass('hide');
|
||||
}
|
||||
if(firstName == ''){
|
||||
$('.first').addClass('error');
|
||||
$('.first').next('span').removeClass('hide');
|
||||
}
|
||||
if(lastName == ''){
|
||||
$('.last').addClass('error');
|
||||
$('.last').next('span').removeClass('hide');
|
||||
}
|
||||
if(email == ''){
|
||||
$('.email').addClass('error');
|
||||
$('.email').next('span').removeClass('hide');
|
||||
}
|
||||
if(region == ''){
|
||||
$('.region').addClass('error');
|
||||
$('.region').next('span').removeClass('hide');
|
||||
}
|
||||
|
||||
|
||||
|
||||
//点击创建申请块
|
||||
if(companyName && firstName && lastName && email && region) {
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/us/agents/create",
|
||||
data: {'company':companyName, 'email':email,'country':region,'name':firstName,'last_name':lastName,'phone':$('.phone').val(),'interested':interesteds,'is_inventory':inventory,'uri':$('.url').val(),'refer':k_win_ref},
|
||||
dataType: "json",
|
||||
success: function(data){
|
||||
if(data.code == 200) {
|
||||
|
||||
location.href = '/us/Group/submission.html';
|
||||
}
|
||||
else{
|
||||
if(data.code == 403 || data.code == 201) {
|
||||
alert(data.msg);
|
||||
}
|
||||
else{
|
||||
|
||||
$('.email').addClass('error');
|
||||
$('.email').next('span').removeClass('hide');
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.csunbmit{height: 35px;margin-top: 10px;margin-bottom: 5px;}
|
||||
.submitBtn{width: 75px;height: 30px;line-height: 26px;background-color: #339b53;text-align: center;display: block; color: #FFFFFF;font-size: 12px;border-radius: 6px;float: left;}
|
||||
.cli{border-bottom: 1px dashed #ccc;text-align: left;font-size: 12px;}
|
||||
.ccontent{width: 98%;padding: 10px; background: #f6f9fb;border:1px solid #ccc;margin-bottom: 10px}
|
||||
</style>
|
||||
112
app/us/view/include/banner.phtml
Executable file
112
app/us/view/include/banner.phtml
Executable file
@@ -0,0 +1,112 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
$bigbanners = getBannerList(80, 6);
|
||||
if ($bigbanners):
|
||||
?>
|
||||
<div class="homebans">
|
||||
<div class="hd">
|
||||
<ul class="banner_no">
|
||||
<?php foreach ($bigbanners as $k => $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><?php echo $k + 1; ?></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul>
|
||||
|
||||
<?php
|
||||
foreach ($bigbanners as $banner):
|
||||
$style='center';
|
||||
if($banner['style']==3) {
|
||||
$style='right';
|
||||
}
|
||||
elseif($banner['style']==2){
|
||||
$style='left';
|
||||
}
|
||||
|
||||
?>
|
||||
<li>
|
||||
<div class="bd-text <?php if(!empty($style)) { echo 'bd-text-'.$style; }?>">
|
||||
<div class="bd-title <?php if(!empty($style)) { echo 'bd-title-'.$style; }?>" style="color:<?php echo $banner['alt']; ?>"><?php echo $banner['name']; ?></div>
|
||||
<div class="bd-subtitle <?php if(!empty($style)) { echo 'bd-subtitle-'.$style; }?>" style="color:<?php echo $banner['descolor']; ?>"><?php echo $banner['description']; ?></div>
|
||||
<a href="<?php echo $banner['url']; ?>"><div class="bd-button <?php if(!empty($style)) { echo 'bd-button-'.$style; }?>">Learn More</div></a>
|
||||
</div>
|
||||
<a href="<?php echo $banner['url']; ?>" target="_blank"><img src="<?php echo getImage($banner['picture']); ?>"/></a>
|
||||
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
<li>
|
||||
<div class="bd-text bd-text-left">
|
||||
<div class="bd-title fade-in bd-title-left" style="color:#fff">Aerospace-Grade Titanium Case</div>
|
||||
<div class="bd-subtitle fade-in2 bd-subtitle-left" style="color:#fff">With the watch's LTPO screen and fresh AOD watch faces, you can see key information at a
|
||||
glance.</div>
|
||||
<a href=""><div class="bd-button fade-in3 bd-button-left">Learn More</div></a>
|
||||
</div>
|
||||
|
||||
<div class="s4-video hid-mob">
|
||||
<video data-poster-m="" data-poster-p="" data-poster-wx="" webkit-playsinline="" playsinline="" x5-video-player-type="h5" autoplay="autoplay" loop="" muted="" poster="">
|
||||
<source type="video/mp4" data-src-p="/frontend/weben/images/home/huawei-watch-4-series-design-1-1.mp4" autoplay data-src-m="/frontend/weben/images/home/huawei-watch-4-series-design-1-1.mp4" src="/frontend/weben/images/home/huawei-watch-4-series-design-1-1.mp4">
|
||||
</video>
|
||||
<!--picture>
|
||||
<img class="wx-img hid-mob" src="/content/dam/huawei-cbg-site/en/mkt/pdp/wearables/watch-4-series/img/kv/huawei-watch-4-series-design-1-3.jpg" alt="HUAWEI WATCH 4 series design">
|
||||
</picture-->
|
||||
</div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(".homebans").slide({mainCell: ".bd ul", autoPlay: true, delayTime: 3000});
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('.bd li').each(function(item,ele){
|
||||
|
||||
|
||||
if($(this).css('display') == 'none'){
|
||||
$(this).find('.bd-title').removeClass('animated bounceInUp');
|
||||
$(this).find('.bd-subtitle').removeClass('animated bounceInUp');
|
||||
$(this).find('.bd-button').removeClass('animated bounceInUp');
|
||||
}
|
||||
else{
|
||||
|
||||
|
||||
$(this).find('.bd-title').addClass('animated bounceInUp');
|
||||
setTimeout(function(){
|
||||
$(this).find('.bd-subtitle').addClass('animated bounceInUp');
|
||||
}, 1000);
|
||||
setTimeout(function(){
|
||||
$(this).find('.bd-button').addClass('animated bounceInUp');
|
||||
}, 1500);
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
$(function(){
|
||||
|
||||
function aa() {
|
||||
var color = $(".banner_no li[class='on']").attr('id');
|
||||
$(".header-Index #header").removeClass().addClass(color);
|
||||
//console.log(color);
|
||||
}
|
||||
|
||||
window.setInterval(aa,300);
|
||||
})
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
<style>
|
||||
.s4-video{
|
||||
pointer-events: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bd video {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
273
app/us/view/include/banner1.phtml
Executable file
273
app/us/view/include/banner1.phtml
Executable file
@@ -0,0 +1,273 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
$bigbanners = getBannerList(80, 6);
|
||||
if ($bigbanners):
|
||||
?>
|
||||
<div class="Container swiper-boxq">
|
||||
<div class="swiper mySwiperA " id="swiperA">
|
||||
<div class="swiper-wrapper">
|
||||
<?php
|
||||
foreach ($bigbanners as $banner):
|
||||
$style='top';
|
||||
if($banner['style']==3) {
|
||||
$style='right';
|
||||
}
|
||||
elseif($banner['style']==2){
|
||||
$style='left';
|
||||
}
|
||||
elseif($banner['style']==4){
|
||||
$style='bottom';
|
||||
}
|
||||
|
||||
?>
|
||||
<div class="swiper-slide">
|
||||
<div class="bd-text <?php if(!empty($style)) { echo 'bd-text-'.$style; }?>">
|
||||
<?php if($banner['description']): ?>
|
||||
|
||||
<div class="bd-title <?php if(!empty($style)) { echo 'bd-title-'.$style; }?>" style="color:<?php echo $banner['alt']; ?>"><P><?php echo $banner['name']; ?></P></div>
|
||||
<div class="bd-subtitle <?php if(!empty($style)) { echo 'bd-subtitle-'.$style; }?>"
|
||||
style="color:<?php echo $banner['descolor']; ?>"><P><?php echo $banner['description']; ?></P></div>
|
||||
|
||||
<a href="<?php echo $banner['url']; ?>">
|
||||
<div class="bd-button <?php if(!empty($style)) { echo 'bd-button-'.$style; }?>">
|
||||
Learn More</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<a href="<?php echo $banner['url']; ?>" target="_blank"><img src="<?php echo getImage($banner['picture']); ?>"/></a>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.swiper-boxq {
|
||||
width: 100%;
|
||||
/*height: 800px;*/
|
||||
}
|
||||
.swiper-boxq .swiper-slide {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
/*margin: 0 !important;*/
|
||||
}
|
||||
.mySwiperA{
|
||||
height: auto;
|
||||
}
|
||||
.mySwiperA .swiper-wrapper{
|
||||
width: 100% !important;
|
||||
height: 100%;
|
||||
}
|
||||
.mySwiperA .bd-text {
|
||||
/*position: absolute;*/
|
||||
/* text-align: center;*/
|
||||
/* font-size: 3rem;*/
|
||||
/* top: 10%;*/
|
||||
/*width:35%;*/
|
||||
/*margin-left: 25%;*/
|
||||
color: white;
|
||||
width: 70%;
|
||||
}
|
||||
.mySwiperA .bd-title{
|
||||
font-family:Montserrat !important;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
margin-top: 10px;
|
||||
line-height: 3.875rem;
|
||||
font-weight: 700;
|
||||
max-height: 128px;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; /* 显示两行 */
|
||||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||||
}
|
||||
|
||||
.mySwiperA .bd-title p{
|
||||
margin：0；
|
||||
padding: 0;
|
||||
}
|
||||
.mySwiperA .bd-subtitle{
|
||||
font-family: Montserrat !important;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
font-weight: lighter;
|
||||
padding-top: 0.5rem;
|
||||
max-height: 60px;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; /* 显示两行 */
|
||||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||||
}
|
||||
|
||||
.mySwiperA .bd-subtitle p{
|
||||
margin：0；
|
||||
padding: 0;
|
||||
}
|
||||
.mySwiperA .bd-button{
|
||||
font-family: Montserrat !important;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -60px;
|
||||
width: 124px;
|
||||
height: 40px;
|
||||
border-radius: 26px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 0.875rem;
|
||||
margin-top: 22px;
|
||||
|
||||
}
|
||||
.mySwiperA .swiper-slide img {
|
||||
transform-origin: center center;
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.mySwiperA .swiper-slide img:hover {
|
||||
transform: none;
|
||||
}
|
||||
.mySwiperA .swiper-button-next {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-right: 170px;
|
||||
margin-left: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.mySwiperA .swiper-button-prev {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-left: 170px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
@media screen and (min-width:1939px){
|
||||
.mySwiperA .swiper-button-next {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-right: 15% !important;
|
||||
margin-left: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.mySwiperA .swiper-button-prev {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-left: 15% !important;
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
.mySwiperA .swiper-pagination {
|
||||
bottom: 5% !important;
|
||||
}
|
||||
.mySwiperA .swiper-pagination .swiper-pagination-bullet {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
color: white;
|
||||
}
|
||||
.mySwiperA .swiper-pagination-bullet-active {
|
||||
width: 24px !important;
|
||||
height: 24px;
|
||||
border-radius: 10px;
|
||||
color: #FFFFFF !important;
|
||||
background-color: #FFFFFF !important;
|
||||
}
|
||||
.fade-in {
|
||||
opacity: 0; /* 首先将元素的不透明度设置为0 */
|
||||
animation-name: fadeIn; /* 将动画命名为fadeIn */
|
||||
animation-duration: 1s; /* 动画持续时间为1s */
|
||||
|
||||
animation-fill-mode: forwards; /* 动画结束后保持最终状态 */
|
||||
transition: all 1s ease;
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
from {opacity: 0.9175;transform: translateY(100px);} /* 从完全透明到不透明 */
|
||||
to {opacity: 1;transform: translateY(0);transition: opacity 2.5s ease-in-out, transform 2.5s ease-in-out;} /* 最终不透明度为1 */
|
||||
}
|
||||
.fade-in2 {
|
||||
opacity: 0; /* 首先将元素的不透明度设置为0 */
|
||||
animation-name: fadeIn2; /* 将动画命名为fadeIn */
|
||||
animation-duration: 0.9s; /* 动画持续时间为1s */
|
||||
animation-fill-mode: forwards; /* 动画结束后保持最终状态 */
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
@keyframes fadeIn2 {
|
||||
from {opacity: 0;transform: translateY(60px);} /* 从完全透明到不透明 */
|
||||
to {opacity: 1;transform: translateY(0);transition: opacity 2.5s ease-in-out, transform 2.5s ease-in-out;} /* 最终不透明度为1 */
|
||||
|
||||
}
|
||||
.fade-in3 {
|
||||
opacity: 0;
|
||||
/* 首先将元素的不透明度设置为0 */
|
||||
animation-name: fadeIn3;
|
||||
/* 将动画命名为fadeIn */
|
||||
animation-duration: 0.8s;
|
||||
/* 动画持续时间为1s */
|
||||
animation-fill-mode: forwards;
|
||||
/* 动画结束后保持最终状态 */
|
||||
animation-delay: 0.3s;
|
||||
|
||||
}
|
||||
@keyframes fadeIn3 {
|
||||
from {
|
||||
opacity: 0;transform: translateY(60px);
|
||||
}
|
||||
/* 从完全透明到不透明 */
|
||||
to {
|
||||
opacity: 1;transform: translateY(0);transition: opacity 2.5s ease-in-out, transform 2.5s ease-in-out;}
|
||||
}
|
||||
/* 最终不透明度为1 */
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
var swiper = new Swiper(".mySwiperA", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
pauseOnMouseEnter:true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
on: {
|
||||
slideChange: function () {
|
||||
// 获取当前轮播项的文字元素
|
||||
setTimeout(()=>{
|
||||
const currentSlide = this.slides[this.activeIndex];
|
||||
const fadeText = currentSlide.querySelector('.bd-title');
|
||||
const fadeText1 = currentSlide.querySelector('.bd-subtitle');
|
||||
const fadeText2 = currentSlide.querySelector('.bd-button');
|
||||
fadeText.classList.add('fade-in');
|
||||
fadeText1.classList.add('fade-in2');
|
||||
fadeText2.classList.add('fade-in3');
|
||||
// 设置定时器，动画完成后移除.fade-in类，以便下次再次触发动画
|
||||
setTimeout(() => {
|
||||
fadeText.classList.remove('fade-in');
|
||||
fadeText1.classList.remove('fade-in2');
|
||||
fadeText2.classList.remove('fade-in3');
|
||||
}, 1000); // 与动画持续时间一致，确保动画完成后移除类
|
||||
},5)
|
||||
|
||||
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
261
app/us/view/include/bottom.phtml
Executable file
261
app/us/view/include/bottom.phtml
Executable file
@@ -0,0 +1,261 @@
|
||||
|
||||
<?php
|
||||
$contentList = getBannerList(76, 4);
|
||||
if ($contentList):
|
||||
?>
|
||||
<div class="swt-Container Container8">
|
||||
<?php foreach ($contentList as $kn => $content): ?>
|
||||
<div class="col1">
|
||||
<img src="<?php echo $content['picture']; ?>">
|
||||
<div class="titlea"><?php echo $content['name']; ?></div>
|
||||
<div class="subtitlea"><?php echo $content['description']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
<section class="footer_layer">
|
||||
|
||||
<!--<div class="Subscribe_subScribe_content__XD_Or content">-->
|
||||
<!-- <div class="swt-Container overflow-f" style="justify-content: space-between;display: flex;">-->
|
||||
|
||||
|
||||
<!-- <div class="md_layer_grid">-->
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox_grid__Wn4Dw">-->
|
||||
<!-- <div class="Subscribe_title_grid__40Kts">-->
|
||||
<!-- <span class="Subscribe_subScribe_content_subTitle__YCWpe">Sign up for news,updates & 10% off your first order</span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox__oSxDj">-->
|
||||
<!-- <form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form">-->
|
||||
<!-- <input type="hidden" name="form_type" value="customer">-->
|
||||
<!-- <input type="hidden" name="utf8" value="✓">-->
|
||||
<!-- <input type="hidden" name="contact[tags]" value="newsletter">-->
|
||||
|
||||
<!--</form>-->
|
||||
<!--<div class="form-control" style="width: 100%;">-->
|
||||
<!-- <input id="input-sections--19206105334060__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder="E-mail" autocomplete="email" enterkeyhint="send" required="">-->
|
||||
<!-- <label for="input-sections--19206105334060__footer--contactemail" class="floating-label">E-mail</label>-->
|
||||
<!-- <div class="self-submit-button">-->
|
||||
<!-- <button type="submit" class="circle-chevron hover:colors">-->
|
||||
<!-- <span class="sr-only">Subscribe</span>-->
|
||||
<!-- <svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">-->
|
||||
<!-- <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>-->
|
||||
<!-- </svg>-->
|
||||
<!-- </button>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- </div> -->
|
||||
<!--</div> -->
|
||||
|
||||
<footer id="shopify-section-sections--19206105334060__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer">
|
||||
<style>
|
||||
@media screen and (min-width: 1000px) {
|
||||
#shopify-section-sections--19206105334060__footer {--footer-block-list-gap: var(--spacing-10);--footer-block-list-justify-content: space-between;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="footer">
|
||||
<a href="?ref=footer" class="Footer_anker_icon__arGut" rel="noopener noreferrer">
|
||||
<img class="Footer_icon_orico" src="__PUBLIC__/weben/images/indeximg/logo11.png" style="height:50px;">
|
||||
</a>
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="footer__wrapper">
|
||||
<div class="footer__block-list empty:hidden">
|
||||
<!--div class="footer__block footer__block--text">
|
||||
|
||||
</div-->
|
||||
<?php if ($productCategory): ?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">Product</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>" class="inline-block link-faded break-all"><?php echo $pc['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($nav_footer): ?>
|
||||
<?php foreach ($nav_footer as $kf => $footer):
|
||||
if($kf < 3):
|
||||
?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold"><?php echo $footer['name']; ?></p>
|
||||
<?php if ($footer['items']): ?>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<?php foreach ($footer['items'] as $ki => $itm):
|
||||
if(strpos($itm['url'], 'http://') !== false || strpos($itm['url'], 'https://') !== false) {
|
||||
$link = $itm['url'];
|
||||
}
|
||||
else{
|
||||
$link = '__ORICOROOT__/'.$itm['url'];
|
||||
|
||||
}
|
||||
?>
|
||||
<li>
|
||||
|
||||
<a href="<?php echo $link; ?>" <?php if($itm['is_new_window_open']){echo "target='_blank'";} ?> class="inline-block link-faded break-all"><?php echo $itm['name']; ?></a>
|
||||
|
||||
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">Contact</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Technical Support: <a href="mailto:<?php echo $website_email;?>" ><?php echo $website_email;?></a></span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Business: <a href="mailto:oversea-bu@orico.com.cn" >oversea-bu@orico.com.cn</a></span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">ODM/OEM Service: odmmarket@orico.com.cn</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Monday-Friday,9a.m.-6p.m.GMT+8</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer__aside empty:hidden">
|
||||
|
||||
<div class="footer__aside-top">
|
||||
<ul class="social-media " role="list">
|
||||
<li>
|
||||
<a href="https://www.facebook.com/ORICOTECHNOLOGY/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/ORICO_Official" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-twitter" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.414 4.96c1.506-.024 2.307.479 3.072 1.117.65-.05 1.495-.383 1.992-.614l.484-.242c-.285.702-.67 1.253-1.262 1.67-.131.093-.262.218-.426.277v.009c.843-.008 1.539-.357 2.2-.546v.01a5.934 5.934 0 0 1-1.318 1.384l-.607.442c.01.817-.014 1.598-.18 2.285-.971 3.995-3.544 6.707-7.616 7.868-1.462.418-3.825.59-5.5.208-.83-.188-1.581-.402-2.285-.684a9.54 9.54 0 0 1-1.1-.519l-.342-.19c.378.01.82.105 1.243.043.382-.056.757-.042 1.11-.113.879-.176 1.66-.41 2.332-.77.326-.175.82-.38 1.053-.632a3.59 3.59 0 0 1-1.157-.19c-1.258-.407-1.99-1.154-2.466-2.277.381.038 1.479.129 1.735-.07-.48-.023-.94-.278-1.27-.467-1.012-.58-1.837-1.551-1.83-3.047l.398.173c.254.098.512.15.815.208.128.024.384.093.531.043h-.019c-.195-.208-.514-.347-.71-.571-.65-.739-1.258-1.875-.873-3.229.097-.343.252-.646.417-.926l.019.009c.076.144.244.25.35.372.332.376.741.714 1.158 1.013 1.42 1.016 2.698 1.64 4.75 2.103.522.117 1.124.207 1.746.208-.175-.466-.119-1.22.019-1.67.346-1.134 1.097-1.952 2.2-2.39.263-.105.556-.18.863-.242l.474-.052Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/orico_technology/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/@OricoTechs" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright">Copyright©2018-2028 ORICO Technologies Co.,Ltd</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
|
||||
var RequestUrl = {
|
||||
track: "/api/TrackProducer/records", //行为跟踪
|
||||
exit_page: '/api/TrackProducer/etime', //离开时间
|
||||
};
|
||||
|
||||
var stime = new Date();
|
||||
var uuid = "<?php echo $uuid;?>";
|
||||
|
||||
var userAgent = navigator.userAgent;
|
||||
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
|
||||
var isTablet = /iPad|Android/i.test(userAgent);
|
||||
var isDesktop = !isMobile && !isTablet;
|
||||
var isDerive = "";
|
||||
var forum = "<?php echo $controller;?>";
|
||||
|
||||
if (isMobile) {
|
||||
// 手机设备逻辑
|
||||
isDerive = "H5";
|
||||
} else if (isTablet) {
|
||||
// 平板设备逻辑
|
||||
isDerive = "Tablet";
|
||||
} else {
|
||||
// 桌面设备逻辑
|
||||
isDerive = "PC";
|
||||
}
|
||||
|
||||
//页面跳转之前执行事情 onbeforeunload, 页面隐藏时候执行事情 onpagehide
|
||||
window.onbeforeunload = function() {
|
||||
var etime = new Date();
|
||||
var ms = (etime.getTime() / 1000) - (stime.getTime() / 1000);
|
||||
var img = new Image();
|
||||
img.src = RequestUrl.exit_page + '?uuid=' + uuid + '&dt=' + ms+ '&forum=' + forum;
|
||||
}
|
||||
|
||||
|
||||
function handleGlobalEvent(event) {
|
||||
const eventType = event.type; // 获取事件类型，例如 "click", "copy" 等
|
||||
const target = event.target; // 获取触发事件的元素
|
||||
let actionType = "";
|
||||
|
||||
const elementType = target.tagName; // 获取元素的标签名，例如 "BUTTON", "DIV" 等
|
||||
const elementId = target.id; // 获取元素的 ID 属性
|
||||
const elementText = target.innerText; // 获取元素的文本内容
|
||||
|
||||
// 执行埋点操作，例如发送数据到埋点服务
|
||||
trackEvent(actionType, eventType, target, elementText);
|
||||
}
|
||||
|
||||
function trackEvent(actionType, eventType, target,elementText) {
|
||||
// 在这里实现埋点逻辑，例如发送请求到服务器，或者调用埋点代码
|
||||
//console.log(`埋点：动作类型 - ` + actionType + `，事件类型 - ` + eventType);
|
||||
//console.log("触发元素:", target);
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: RequestUrl.track,
|
||||
data: {
|
||||
//ip: getip(),
|
||||
'url': window.location.href,
|
||||
'refer': document.referrer,
|
||||
'user_agent': userAgent,
|
||||
'content': elementText,
|
||||
'drive': isDerive,
|
||||
'forum': forum,
|
||||
'event_type': eventType
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (data, status, xhr) {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener("click", handleGlobalEvent);
|
||||
document.addEventListener("copy", handleGlobalEvent);
|
||||
|
||||
</script>
|
||||
87
app/us/view/include/bottom20190828.phtml
Executable file
87
app/us/view/include/bottom20190828.phtml
Executable file
@@ -0,0 +1,87 @@
|
||||
<!--底部-->
|
||||
<div class="footer_all">
|
||||
<div class="footer">
|
||||
<div class="footl">
|
||||
<dl>
|
||||
<dt class="Under-line"><p class="icon-On-line"></p>ORICO Store<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="https://orico.tmall.com/?spm=a1z10.5-b.1997427721.d4918089.I" target="_blank">Tmall Office Store</a></dd>
|
||||
<dd><a href="http://orico-easy-your-pc.jd.com/" target="_blank">JD ORICO Office Store</a></dd>
|
||||
<dd><a href="https://www.newegg.com/ORICO-TECHNOLOGIES-CO-LTD" target="_blank">Newegg</a></dd>
|
||||
<dd><a href="https://www.amazon.com/sp?_encoding=UTF8&asin=&isAmazonFulfilled=&isCBA=&marketplaceID=ATVPDKIKX0DER&orderID=&seller=A2S4EXOOJ8Z82D&tab=&vasStoreID=" target="_blank">Amazon</a></dd>
|
||||
<dd><a href="https://orico.aliexpress.com/store/105327?spm=2114.12010108.pcShopHead_5959929.0" target="_blank">AliExpress</a></dd>
|
||||
<dd><a href="https://bokcore.1688.com/">1688 ORICO International</a></dd>
|
||||
<dd><a href="https://orico.en.alibaba.com/" target="_blank">Alibaba</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="On-line"><p class="icon-Under-line"></p>ORICO Offline Retail<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<!--<dd><a href="/us/Group/distributor">Dealer Network</a></dd>
|
||||
<dd><a href="">Domestic Channel</a></dd>
|
||||
<dd><a href="">Overseas Channel</a></dd>-->
|
||||
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="support"><p class="icon-support"></p>Technical Support<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/Group/fq">FAQ</a></dd>
|
||||
<dd><a href="__ORICOROOT__<?php echo url_rewrite('video'); ?>">Video Tutorials</a></dd>
|
||||
<!--<dd><a href="">Knowledge-base</a></dd>
|
||||
<dd><a href="faq-1222.html">如何成为经销商</a></dd>-->
|
||||
<dd><a href="__ORICOROOT__/Group/policy">Warranty Policy</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="media"><p class="icon-media"></p>Media<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="tencent://message/?uin=429090372&Site=www.oricogroup.com.cn&Menu=yes" target="_blank">ORICO Followers</a></dd>
|
||||
<dd><a href="http://bbs.orico.com.cn/portal.php" target="_blank">ORICO Community</a></dd>
|
||||
<dd><a href="https://weibo.com/p/1006063158162522/home?from=page_100606&mod=TAB&is_all=1#place" target="_blank">Weibo</a></dd>
|
||||
<dd><a href="">WeChat</a></dd>
|
||||
<!--<dd><a href="">Facebook</a></dd>
|
||||
<dd><a href="https://twitter.com/ORICO_Official">Twitter</a></dd>
|
||||
<dd><a href="https://www.youtube.com/channel/UCi1NX8JcV3mJ1AnqrxhuLHw?view_as=public">Youtube</a></dd>-->
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="join"><p class="icon-join"></p>Join Us<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/Group/odm">Cooperation</a></dd>
|
||||
<!--<dd><a href="/us/Group/job" >Jobs</a></dd>-->
|
||||
</dl>
|
||||
</div>
|
||||
<div class="footr text-l f-gray">
|
||||
<div class="font-18">Contact Us</div>
|
||||
<p class="padding-t-8vw">Add: 9/F, Block 14A, Zhonghaixin Science &Technology Park, Longgang District, Shenzhen, China </p>
|
||||
<p>After-sale & Support: 400-6696-298</p>
|
||||
<p>E-mail：support@orico.com.cn</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swt-Container img-responsive footer_bg position-r">
|
||||
<div style="position: absolute; bottom:0; z-index: 0;"><img src="__PUBLIC__/web/images/home/footer_bg.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="footer_bottom">
|
||||
<div class="rha text-c">
|
||||
<a href="https://www.youtube.com/user/ORICOVlog" target="_blank"><div class="footr-icon"><span class="icon1-youtube"></span></div>
|
||||
<a href="https://twitter.com/ORICO_Official" target="_blank"><div class="footr-icon"><span class="icon1-twitter"></span></div>
|
||||
<a href="https://www.instagram.com/orico__technologies" target="_blank"><div class="footr-icon"><span class="icon1-instagram"></span></div></a>
|
||||
<a href="https://www.facebook.com/ORICOOfficial" target="_blank"><div class="footr-icon"><span class="icon1-facebook"></span></div></a>
|
||||
</div>
|
||||
2015 ORICO Technologies Co.,Ltd copyright
|
||||
（<a href="http://www.miitbeian.gov.cn" style="color:#fff" target="_blank">GuangDong ICP No. 15,025,109</a>）</div>
|
||||
{include file="include/kefu" /}
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/owl.carousel.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/html5shiv.v3.72.min.js"></script>
|
||||
|
||||
<script>
|
||||
/*底部菜单弹出*/
|
||||
var body_width = $(window).width();
|
||||
if(body_width < 767){
|
||||
$(function(){
|
||||
$(".footl dt").click(function(){
|
||||
$(this).nextAll().toggle(500);
|
||||
$(this).children("span").toggleClass( "arrow-r" )
|
||||
}).mouseout(function(){
|
||||
$(".bottom_cn_box").hide();
|
||||
});
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
205
app/us/view/include/bottom20210804.phtml
Executable file
205
app/us/view/include/bottom20210804.phtml
Executable file
@@ -0,0 +1,205 @@
|
||||
<!--底部-->
|
||||
<div class="footer_all" style="position:relative;">
|
||||
<div class="footer">
|
||||
<div class="footl">
|
||||
<dl>
|
||||
<dt class="Under-line"><p class="icon-On-line"></p>ORICO Store<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="https://www.amazon.com/stores/ORICO/page/CF062F2C-2179-456C-9E3D-90AED05B58BA" target="_blank">Amazon</a></dd>
|
||||
<dd><a href="https://orico.aliexpress.com/store/105327" target="_blank">AliExpress</a></dd>
|
||||
<dd><a href="https://www.newegg.com/ORICO-TECHNOLOGIES-CO-LTD" target="_blank">Newegg</a></dd>
|
||||
<dd><a href="https://oricochina.1688.com/" target="_blank">1688</a></dd>
|
||||
<dd><a href="https://orico.en.alibaba.com/" target="_blank">Alibaba</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="On-line"><p class="icon-Under-line"></p>ORICO Offline Retail<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<!--<dd><a href="/us/Group/distributor">Dealer Network</a></dd>
|
||||
<dd><a href="">Domestic Channel</a></dd>
|
||||
<dd><a href="">Overseas Channel</a></dd>-->
|
||||
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="support"><p class="icon-support"></p>Technical Support<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/Group/fq">FAQ</a></dd>
|
||||
<dd><a href="__ORICOROOT__<?php echo url_rewrite('video'); ?>">Video Tutorials</a></dd>
|
||||
<!--<dd><a href="">Knowledge-base</a></dd>
|
||||
<dd><a href="faq-1222.html">如何成为经销商</a></dd>-->
|
||||
<dd><a href="__ORICOROOT__/Group/policy">Warranty Policy</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="media"><p class="icon-media"></p>Media<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="http://www.orico.cc/us/article.html" target="_blank">ORICO Community</a></dd>
|
||||
<dd><a href="https://www.facebook.com/ORICOOfficial" target="_blank">Facebook</a></dd>
|
||||
<dd><a href="https://www.instagram.com/orico__technologies/" target="_blank">Instagram</a></dd>
|
||||
<dd><a href="https://www.linkedin.com/company/orico-technologies-ltd" target="_blank">Linkedin</a></dd>
|
||||
<!--<dd><a href="">Facebook</a></dd>
|
||||
<dd><a href="https://twitter.com/ORICO_Official">Twitter</a></dd>
|
||||
<dd><a href="https://www.youtube.com/channel/UCi1NX8JcV3mJ1AnqrxhuLHw?view_as=public">Youtube</a></dd>-->
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="join"><p class="icon-join"></p>Join Us<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/Group/odm">Cooperation</a></dd>
|
||||
<!--<dd><a href="/us/Group/job" >Jobs</a></dd>-->
|
||||
</dl>
|
||||
</div>
|
||||
<div class="footr text-l f-gray">
|
||||
<div class="font-18"><span>Contact Us</span><span><a href="__PUBLIC__/weben/images/home/SKMBT_C35319110614220.pdf" target="_blank"><img src="__PUBLIC__/web/images/home/statement.png">Terms of Use</a></span></div>
|
||||
<p class="padding-t-8vw">Add: 19/F, Block 14A, Zhonghaixin Science &Technology Park, Longgang District, Shenzhen, China </p>
|
||||
<p>After-sale Service: supports@orico.com.cn</p>
|
||||
<p>Inquiry：info@orico.cc</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swt-Container img-responsive footer_bg position-r">
|
||||
<div style="position: absolute; bottom:0; z-index: 0;"><img src="__PUBLIC__/web/images/home/footer_bg.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Begin Mailchimp Signup Form google悬浮留言弹窗 S>
|
||||
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"-->
|
||||
<style type="text/css">
|
||||
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;position:fixed;width:220px;border:1px solid #ddd;bottom:0;right:0;z-index: 9999;padding:0;}
|
||||
#mc_embed_signup h2 {
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
margin: 15px 0 0 !important;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
#mc_embed_signup form {
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
padding: 0 0 0 3% !important
|
||||
}
|
||||
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
|
||||
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
|
||||
</style>
|
||||
<div id="mc_embed_signup">
|
||||
<form action="https://orico.us1.list-manage.com/subscribe/post?u=700635880d96d1fc7777fba4b&id=f184b04c85" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<h2>Subscribe</h2>
|
||||
<!-- <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> -->
|
||||
<div class="mc-field-group">
|
||||
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
|
||||
</label>
|
||||
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
|
||||
</div>
|
||||
<div class="mc-field-group">
|
||||
<label for="mce-FNAME">First Name </label>
|
||||
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
|
||||
</div>
|
||||
<div class="mc-field-group">
|
||||
<label for="mce-LNAME">Last Name </label>
|
||||
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
|
||||
</div>
|
||||
<div class="mc-field-group size1of2">
|
||||
<label for="mce-BIRTHDAY-month">Birthday </label>
|
||||
<div class="datefield">
|
||||
<span class="subfield monthfield"><input class="birthday " type="text" pattern="[0-9]*" value="" placeholder="MM" size="2" maxlength="2" name="BIRTHDAY[month]" id="mce-BIRTHDAY-month"></span> /
|
||||
<span class="subfield dayfield"><input class="birthday " type="text" pattern="[0-9]*" value="" placeholder="DD" size="2" maxlength="2" name="BIRTHDAY[day]" id="mce-BIRTHDAY-day"></span>
|
||||
<span class="small-meta nowrap">( mm / dd )</span>
|
||||
</div>
|
||||
</div> <div id="mce-responses" class="clear">
|
||||
<div class="response" id="mce-error-response" style="display:none"></div>
|
||||
<div class="response" id="mce-success-response" style="display:none"></div>
|
||||
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_700635880d96d1fc7777fba4b_f184b04c85" tabindex="-1" value=""></div>
|
||||
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script type='text/javascript' defer="defer" src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
|
||||
<!--End mc_embed_signup google悬浮留言弹窗 E-->
|
||||
</div>
|
||||
|
||||
|
||||
<div class="footer_bottom">
|
||||
<div class="rha text-c">
|
||||
<a href="https://www.youtube.com/user/ORICOVlog" target="_blank"><div class="footr-icon"><span class="icon1-youtube"></span></div>
|
||||
<a href="https://twitter.com/ORICO_Official" target="_blank"><div class="footr-icon"><span class="icon1-twitter"></span></div>
|
||||
<a href="https://www.instagram.com/orico__technologies" target="_blank"><div class="footr-icon"><span class="icon1-instagram"></span></div></a>
|
||||
<a href="https://www.facebook.com/ORICOOfficial" target="_blank"><div class="footr-icon"><span class="icon1-facebook"></span></div></a>
|
||||
</div>
|
||||
2015 ORICO Technologies Co.,Ltd copyright
|
||||
（<a href="http://www.miitbeian.gov.cn" style="color:#fff" target="_blank">GuangDong ICP No. 15,025,109</a>）</div>
|
||||
{include file="include/kefu" /}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-55H3CV5"
|
||||
height="0" width="0" style="display:none;visibility:hidden" defer="defer"></iframe></noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
|
||||
|
||||
<script>
|
||||
/*头部菜单栏*/
|
||||
$( function () {
|
||||
|
||||
var $category = $( ".navlist" );
|
||||
$category.hide();
|
||||
$( ".navul li" ).mouseleave( function () {
|
||||
$( this ).children( "a" ).addClass( "aons" );
|
||||
$( ".nav" ).removeAttr("style");
|
||||
$( ".navlist_c" ).removeAttr("style");
|
||||
$( ".navul" ).find( "a" ).removeClass("menu_a");
|
||||
$( this ).find("span").removeClass("arrow-down");
|
||||
$(".all-logo").show();
|
||||
$(".all-logo-black").hide();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideUp( 500 );
|
||||
$( this ).children( "dl" ).stop().slideUp( 500 );
|
||||
|
||||
} );
|
||||
$( ".navul li" ).mouseenter( function () {
|
||||
$category.hide();
|
||||
$( ".nav" ).css("background-color", "#FFFFFF");
|
||||
$( ".navul" ).find( "a" ).addClass("menu_a");
|
||||
$(this).find("span").addClass("arrow-down");
|
||||
$(".all-logo").hide();
|
||||
$(".all-logo-black").show();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideDown( 500 );
|
||||
$( this ).children( "dl" ).stop().slideDown( 500 );
|
||||
} );
|
||||
//搜索框
|
||||
$( ".top-R span" ).click( function () {
|
||||
$( ".search" ).slideToggle();
|
||||
} );
|
||||
// 城市
|
||||
$( ".zg" ).click( function () {
|
||||
$( ".topnav" ).slideToggle(500);
|
||||
} );
|
||||
|
||||
$(".icon-close").click(function(){
|
||||
$( ".topnav" ).slideUp(500);
|
||||
})
|
||||
|
||||
} );
|
||||
/*底部菜单弹出*/
|
||||
var body_width = $(window).width();
|
||||
if(body_width < 767){
|
||||
$(function(){
|
||||
$(".footl dt").click(function(){
|
||||
$(this).nextAll().toggle(500);
|
||||
$(this).children("span").toggleClass( "arrow-r" )
|
||||
}).mouseout(function(){
|
||||
$(".bottom_cn_box").hide();
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
/*新导航*/
|
||||
$(function(){
|
||||
$(".ca_lists").mouseover(function(){
|
||||
$(this).addClass('on').siblings().removeClass('on');
|
||||
$(this).siblings().children('div').hide();
|
||||
$(this).children('div').show();
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-55H3CV5');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
198
app/us/view/include/bottom20230803.phtml
Executable file
198
app/us/view/include/bottom20230803.phtml
Executable file
@@ -0,0 +1,198 @@
|
||||
<!--底部-->
|
||||
<div class="footer_all" style="position:relative;">
|
||||
<div class="footer">
|
||||
<div class="footl">
|
||||
<dl>
|
||||
<dt class="Under-line"><p class="icon-On-line"></p>ORICO Store<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="https://www.amazon.com/stores/ORICO/page/CF062F2C-2179-456C-9E3D-90AED05B58BA" target="_blank">Amazon</a></dd>
|
||||
<dd><a href="https://orico.aliexpress.com/store/105327" target="_blank">AliExpress</a></dd>
|
||||
<dd><a href="https://www.newegg.com/Seller-Store/ORICO-Official-Store" target="_blank">Newegg</a></dd>
|
||||
<dd><a href="https://oricochina.1688.com/" target="_blank">1688</a></dd>
|
||||
<dd><a href="https://orico.en.alibaba.com/" target="_blank">Alibaba</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="On-line"><p class="icon-Under-line"></p>ORICO Offline Retail<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="/us/Group/distributor">Dealer Network</a></dd>
|
||||
<!--<dd><a href="">Domestic Channel</a></dd>
|
||||
<dd><a href="">Overseas Channel</a></dd>-->
|
||||
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="support"><p class="icon-support"></p>Technical Support<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">Driver & Manual Download</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/fq">FAQ</a></dd>
|
||||
|
||||
<dd><a href="__ORICOROOT__<?php echo url_rewrite('video'); ?>">Video Tutorials</a></dd>
|
||||
<!--dd><a href="__ORICOROOT__/antifake">Ask a Question</a></dd-->
|
||||
<dd><a href="__ORICOROOT__/antifake">SSD Series Anti-Fake Query</a></dd>
|
||||
<!--<dd><a href="">Knowledge-base</a></dd>
|
||||
<dd><a href="faq-1222.html">如何成为经销商</a></dd>-->
|
||||
<dd><a href="__ORICOROOT__/Group/policy">After-sale Policy</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="media"><p class="icon-media"></p>Media<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="https://cc.f2b211.com/us/article.html" target="_blank">ORICO Community</a></dd>
|
||||
<dd><a href="https://www.facebook.com/ORICOOfficial" target="_blank">Facebook</a></dd>
|
||||
<dd><a href="https://www.instagram.com/orico__technologies/" target="_blank">Instagram</a></dd>
|
||||
<dd><a href="https://www.linkedin.com/company/orico-technologies-ltd" target="_blank">Linkedin</a></dd>
|
||||
<!--<dd><a href="">Facebook</a></dd>
|
||||
<dd><a href="https://twitter.com/ORICO_Official">Twitter</a></dd>
|
||||
<dd><a href="https://www.youtube.com/channel/UCi1NX8JcV3mJ1AnqrxhuLHw?view_as=public">Youtube</a></dd>-->
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="join"><p class="icon-join"></p>Join Us<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/Group/odm">Cooperation</a></dd>
|
||||
<!--<dd><a href="/us/Group/job" >Jobs</a></dd>-->
|
||||
</dl>
|
||||
</div>
|
||||
<div class="footr text-l f-gray">
|
||||
<div class="font-18"><span>Contact Us</span><span><a href="__PUBLIC__/weben/images/home/SKMBT_C35319110614220.pdf" target="_blank"><img src="__PUBLIC__/web/images/home/statement.png">Terms of Use</a></span></div>
|
||||
<p class="padding-t-8vw">Add: 19/F, Block 14A, Zhonghaixin Science &Technology Park, Longgang District, Shenzhen, China </p>
|
||||
<p>After-sale Service: <a href="mailto:supports@orico.com.cn" class="text_blue">supports@orico.com.cn</a></p>
|
||||
<p>Inquiry：<a href="mailto:sales@orico.com.cn" class="text_blue">sales@orico.com.cn</a></p>
|
||||
<p><a href="__ORICOROOT__/Group/privacy">Privacy Policy</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swt-Container img-responsive footer_bg position-r">
|
||||
<div style="position: absolute; bottom:0; z-index: 0;"><img src="__PUBLIC__/web/images/home/footer_bg.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Begin Mailchimp Signup Form google悬浮留言弹窗 S>
|
||||
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"-->
|
||||
<style type="text/css">
|
||||
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;position:fixed;width:220px;border:1px solid #ddd;bottom:0;right:0;z-index: 9999;padding:0;}
|
||||
#mc_embed_signup h2 {
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
margin: 15px 0 0 !important;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
#mc_embed_signup form {
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
padding: 0 0 0 3% !important
|
||||
}
|
||||
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
|
||||
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
|
||||
</style>
|
||||
<!--<div id="mc_embed_signup">-->
|
||||
<!--<form action="https://orico.us1.list-manage.com/subscribe/post?u=700635880d96d1fc7777fba4b&id=f184b04c85" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>-->
|
||||
<!-- <div id="mc_embed_signup_scroll">-->
|
||||
<!-- <h2>Subscribe</h2>-->
|
||||
<!-- <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> -->
|
||||
<!--<div class="mc-field-group">-->
|
||||
|
||||
<!--</label>-->
|
||||
<!-- <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">-->
|
||||
<!--</div>-->
|
||||
<!--<div class="mc-field-group">-->
|
||||
<!-- <label for="mce-FNAME">First Name </label>-->
|
||||
<!-- <input type="text" value="" name="FNAME" class="" id="mce-FNAME">-->
|
||||
<!--</div>-->
|
||||
<!--<div class="mc-field-group">-->
|
||||
<!-- <label for="mce-LNAME">Last Name </label>-->
|
||||
<!-- <input type="text" value="" name="LNAME" class="" id="mce-LNAME">-->
|
||||
<!--</div>-->
|
||||
<!--<div class="mc-field-group size1of2">-->
|
||||
<!-- <label for="mce-BIRTHDAY-month">Birthday </label>-->
|
||||
<!-- <div class="datefield">-->
|
||||
<!-- <span class="subfield monthfield"><input class="birthday " type="text" pattern="[0-9]*" value="" placeholder="MM" size="2" maxlength="2" name="BIRTHDAY[month]" id="mce-BIRTHDAY-month"></span> / -->
|
||||
<!-- <span class="subfield dayfield"><input class="birthday " type="text" pattern="[0-9]*" value="" placeholder="DD" size="2" maxlength="2" name="BIRTHDAY[day]" id="mce-BIRTHDAY-day"></span> -->
|
||||
<!-- <span class="small-meta nowrap">( mm / dd )</span>-->
|
||||
<!-- </div>-->
|
||||
<!--</div> <div id="mce-responses" class="clear">-->
|
||||
<!-- <div class="response" id="mce-error-response" style="display:none"></div>-->
|
||||
<!-- <div class="response" id="mce-success-response" style="display:none"></div>-->
|
||||
<!-- </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->-->
|
||||
<!-- <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_700635880d96d1fc7777fba4b_f184b04c85" tabindex="-1" value=""></div>-->
|
||||
<!-- <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>-->
|
||||
<!-- </div>-->
|
||||
<!--</form>-->
|
||||
<!--</div>-->
|
||||
<!--<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script>-->
|
||||
<!--End mc_embed_signup google悬浮留言弹窗 E-->
|
||||
<!--</div>-->
|
||||
|
||||
|
||||
<!--<div class="footer_bottom">-->
|
||||
<!-- <div class="rha text-c">-->
|
||||
<!-- <a href="https://www.youtube.com/user/ORICOVlog" target="_blank"><div class="footr-icon"><span class="icon1-youtube"></span></div>-->
|
||||
<!-- <a href="https://twitter.com/ORICO_Official" target="_blank"><div class="footr-icon"><span class="icon1-twitter"></span></div>-->
|
||||
<!-- <a href="https://www.instagram.com/orico__technologies" target="_blank"><div class="footr-icon"><span class="icon1-instagram"></span></div></a>-->
|
||||
<!-- <a href="https://www.facebook.com/ORICOOfficial" target="_blank"><div class="footr-icon"><span class="icon1-facebook"></span></div></a>-->
|
||||
<!-- </div> -->
|
||||
<!-- 2015 ORICO Technologies Co.,Ltd copyright -->
|
||||
<!--（<a href="http://www.miitbeian.gov.cn" style="color:#fff" target="_blank">GuangDong ICP No. 15,025,109</a>）</div>-->
|
||||
<!--{include file="include/kefu" /}-->
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/owl.carousel.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/html5shiv.v3.72.min.js"></script>
|
||||
|
||||
<script>
|
||||
/*头部菜单栏*/
|
||||
$( function () {
|
||||
|
||||
var $category = $( ".navlist" );
|
||||
$category.hide();
|
||||
$( ".navul li" ).mouseleave( function () {
|
||||
$( this ).children( "a" ).addClass( "aons" );
|
||||
$( ".nav" ).removeAttr("style");
|
||||
$( ".navlist_c" ).removeAttr("style");
|
||||
$( ".navul" ).find( "a" ).removeClass("menu_a");
|
||||
$( this ).find("span").removeClass("arrow-down");
|
||||
$(".all-logo").show();
|
||||
$(".all-logo-black").hide();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideUp( 500 );
|
||||
$( this ).children( "dl" ).stop().slideUp( 500 );
|
||||
|
||||
} );
|
||||
$( ".navul li" ).mouseenter( function () {
|
||||
$category.hide();
|
||||
$( ".nav" ).css("background-color", "#FFFFFF");
|
||||
$( ".navul" ).find( "a" ).addClass("menu_a");
|
||||
$(this).find("span").addClass("arrow-down");
|
||||
$(".all-logo").hide();
|
||||
$(".all-logo-black").show();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideDown( 500 );
|
||||
$( this ).children( "dl" ).stop().slideDown( 500 );
|
||||
} );
|
||||
//搜索框
|
||||
$( ".top-R span" ).click( function () {
|
||||
$( ".search" ).slideToggle();
|
||||
} );
|
||||
// 城市
|
||||
$( ".zg" ).click( function () {
|
||||
$( ".topnav" ).slideToggle(500);
|
||||
} );
|
||||
|
||||
$(".icon-close").click(function(){
|
||||
$( ".topnav" ).slideUp(500);
|
||||
})
|
||||
|
||||
} );
|
||||
/*底部菜单弹出*/
|
||||
var body_width = $(window).width();
|
||||
if(body_width < 767){
|
||||
$(function(){
|
||||
$(".footl dt").click(function(){
|
||||
$(this).nextAll().toggle(500);
|
||||
$(this).children("span").toggleClass( "arrow-r" )
|
||||
}).mouseout(function(){
|
||||
$(".bottom_cn_box").hide();
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
/*新导航*/
|
||||
$(function(){
|
||||
$(".ca_lists").mouseover(function(){
|
||||
$(this).addClass('on').siblings().removeClass('on');
|
||||
$(this).siblings().children('div').hide();
|
||||
$(this).children('div').show();
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
264
app/us/view/include/bottomnew.phtml
Executable file
264
app/us/view/include/bottomnew.phtml
Executable file
@@ -0,0 +1,264 @@
|
||||
|
||||
<?php
|
||||
$contentList = getBannerList(76, 4);
|
||||
if ($contentList):
|
||||
?>
|
||||
<div class="swt-Container Container8">
|
||||
<?php foreach ($contentList as $kn => $content): ?>
|
||||
<div class="col1">
|
||||
<img src="<?php echo $content['picture']; ?>">
|
||||
<div class="titlea"><?php echo $content['name']; ?></div>
|
||||
<div class="subtitlea"><?php echo $content['description']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
<section class="footer_layer">
|
||||
|
||||
<!--<div class="Subscribe_subScribe_content__XD_Or content">-->
|
||||
<!-- <div class="swt-Container overflow-f" style="justify-content: space-between;display: flex;">-->
|
||||
|
||||
|
||||
<!-- <div class="md_layer_grid">-->
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox_grid__Wn4Dw">-->
|
||||
<!-- <div class="Subscribe_title_grid__40Kts">-->
|
||||
<!-- <span class="Subscribe_subScribe_content_subTitle__YCWpe">Sign up for news,updates & 10% off your first order</span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox__oSxDj">-->
|
||||
<!-- <form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form">-->
|
||||
<!-- <input type="hidden" name="form_type" value="customer">-->
|
||||
<!-- <input type="hidden" name="utf8" value="✓">-->
|
||||
<!-- <input type="hidden" name="contact[tags]" value="newsletter">-->
|
||||
|
||||
<!--</form>-->
|
||||
<!--<div class="form-control" style="width: 100%;">-->
|
||||
<!-- <input id="input-sections--19206105334060__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder="E-mail" autocomplete="email" enterkeyhint="send" required="">-->
|
||||
<!-- <label for="input-sections--19206105334060__footer--contactemail" class="floating-label">E-mail</label>-->
|
||||
<!-- <div class="self-submit-button">-->
|
||||
<!-- <button type="submit" class="circle-chevron hover:colors">-->
|
||||
<!-- <span class="sr-only">Subscribe</span>-->
|
||||
<!-- <svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">-->
|
||||
<!-- <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>-->
|
||||
<!-- </svg>-->
|
||||
<!-- </button>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- </div> -->
|
||||
<!--</div> -->
|
||||
|
||||
<footer id="shopify-section-sections--19206105334060__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer">
|
||||
<style>
|
||||
@media screen and (min-width: 1000px) {
|
||||
#shopify-section-sections--19206105334060__footer {--footer-block-list-gap: var(--spacing-10);--footer-block-list-justify-content: space-between;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="footer">
|
||||
<a href="?ref=footer" class="Footer_anker_icon__arGut" rel="noopener noreferrer">
|
||||
<img class="Footer_icon_orico" src="__PUBLIC__/weben/images/indeximg/logo11.png" style="height:50px;">
|
||||
</a>
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="footer__wrapper">
|
||||
<div class="footer__block-list empty:hidden">
|
||||
<!--div class="footer__block footer__block--text">
|
||||
|
||||
</div-->
|
||||
<?php if ($productCategory): ?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">Main Menu</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>" class="inline-block link-faded break-all"><?php echo $pc['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">About</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<li>
|
||||
<a href="__ORICOROOT__/Group/brand" class="inline-block link-faded break-all">About Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/Group/fq" class="inline-block link-faded break-all">FAQ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/Group/Contact" class="inline-block link-faded break-all">Contact Us</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">Program</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<li>
|
||||
<a href="/us/blog" class="inline-block link-faded break-all">Our Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://oricotechs.com/pages/corporate-program" class="inline-block link-faded break-all">Corporate Program</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://oricotechs.com/pages/review" class="inline-block link-faded break-all">Customer Review</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://af.uppromote.com/oricotechs/register" class="inline-block link-faded break-all">Become an affilate</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://oricotechs.com/pages/student-discount" class="inline-block link-faded break-all">Student Discount</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">Contact</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Email : supports/@oricotechs.com</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Business : wholesale@oricotechs.com</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Mon - Fri : 9AM-6PM EST</span>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer__aside empty:hidden">
|
||||
|
||||
<div class="footer__aside-top">
|
||||
<ul class="social-media " role="list">
|
||||
<li>
|
||||
<a href="https://www.facebook.com/ORICOTECHNOLOGY/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/ORICO_Official" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-twitter" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.414 4.96c1.506-.024 2.307.479 3.072 1.117.65-.05 1.495-.383 1.992-.614l.484-.242c-.285.702-.67 1.253-1.262 1.67-.131.093-.262.218-.426.277v.009c.843-.008 1.539-.357 2.2-.546v.01a5.934 5.934 0 0 1-1.318 1.384l-.607.442c.01.817-.014 1.598-.18 2.285-.971 3.995-3.544 6.707-7.616 7.868-1.462.418-3.825.59-5.5.208-.83-.188-1.581-.402-2.285-.684a9.54 9.54 0 0 1-1.1-.519l-.342-.19c.378.01.82.105 1.243.043.382-.056.757-.042 1.11-.113.879-.176 1.66-.41 2.332-.77.326-.175.82-.38 1.053-.632a3.59 3.59 0 0 1-1.157-.19c-1.258-.407-1.99-1.154-2.466-2.277.381.038 1.479.129 1.735-.07-.48-.023-.94-.278-1.27-.467-1.012-.58-1.837-1.551-1.83-3.047l.398.173c.254.098.512.15.815.208.128.024.384.093.531.043h-.019c-.195-.208-.514-.347-.71-.571-.65-.739-1.258-1.875-.873-3.229.097-.343.252-.646.417-.926l.019.009c.076.144.244.25.35.372.332.376.741.714 1.158 1.013 1.42 1.016 2.698 1.64 4.75 2.103.522.117 1.124.207 1.746.208-.175-.466-.119-1.22.019-1.67.346-1.134 1.097-1.952 2.2-2.39.263-.105.556-.18.863-.242l.474-.052Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/orico_technology/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/@oricotechnologies7574" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright">Copyright©2018-2028 ORICO Technologies Co.,Ltd</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
|
||||
function handleGlobalEvent(event) {
|
||||
const eventType = event.type; // 获取事件类型，例如 "click", "copy" 等
|
||||
const target = event.target; // 获取触发事件的元素
|
||||
let actionType = "";
|
||||
|
||||
const elementType = target.tagName; // 获取元素的标签名，例如 "BUTTON", "DIV" 等
|
||||
const elementId = target.id; // 获取元素的 ID 属性
|
||||
const elementText = target.innerText; // 获取元素的文本内容
|
||||
|
||||
// 执行埋点操作，例如发送数据到埋点服务
|
||||
trackEvent(actionType, eventType, target, elementText);
|
||||
|
||||
// 其他业务逻辑...
|
||||
}
|
||||
|
||||
function trackEvent(actionType, eventType, target,elementText) {
|
||||
// 在这里实现埋点逻辑，例如发送请求到服务器，或者调用埋点代码
|
||||
//console.log(`埋点：动作类型 - ` + actionType + `，事件类型 - ` + eventType);
|
||||
//console.log("触发元素:", target);
|
||||
var userAgent = navigator.userAgent;
|
||||
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
|
||||
var isTablet = /iPad|Android/i.test(userAgent);
|
||||
var isDesktop = !isMobile && !isTablet;
|
||||
var isDerive = "";
|
||||
var forum = "<?php echo $controller;?>";
|
||||
|
||||
if (isMobile) {
|
||||
// 手机设备逻辑
|
||||
isDerive = "移动端/H5";
|
||||
} else if (isTablet) {
|
||||
// 平板设备逻辑
|
||||
isDerive = "Tablet";
|
||||
} else {
|
||||
// 桌面设备逻辑
|
||||
isDerive = "PC";
|
||||
}
|
||||
|
||||
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/us/track/records",
|
||||
data: {
|
||||
//ip: getip(),
|
||||
'url': geturl(),
|
||||
'refer': getrefer(),
|
||||
'user_agent': userAgent,
|
||||
'content': elementText,
|
||||
'drive': isDerive,
|
||||
'forum': forum,
|
||||
'event_type': eventType,
|
||||
'start_time': gettime()
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (data, status, xhr) {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
function gettime() {
|
||||
var nowDate = new Date();
|
||||
return nowDate.toLocaleString();
|
||||
}
|
||||
//js获取客户端当前url
|
||||
function geturl() {
|
||||
return window.location.href;
|
||||
}
|
||||
|
||||
//js获取客户端当前页面的上级页面的url
|
||||
function getrefer() {
|
||||
return document.referrer;
|
||||
}
|
||||
|
||||
|
||||
document.addEventListener("click", handleGlobalEvent);
|
||||
document.addEventListener("copy", handleGlobalEvent);
|
||||
|
||||
|
||||
</script>
|
||||
50
app/us/view/include/catbanner.phtml
Executable file
50
app/us/view/include/catbanner.phtml
Executable file
@@ -0,0 +1,50 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
if (isset($last_cate) && $last_cate)
|
||||
{
|
||||
$banners = getBannerList(44, 1, [['exp', \think\Db::raw('FIND_IN_SET(\'' . $category['pid'] . '\',`categoryid`)')]]);
|
||||
}
|
||||
else
|
||||
{
|
||||
$banners = getBannerList(44, 1, [['exp', \think\Db::raw('FIND_IN_SET(\'' . $category['id'] . '\',`categoryid`)')]]);
|
||||
}
|
||||
// tiaoshi($banners);die;
|
||||
if ($banners):
|
||||
?>
|
||||
<div class="homeban">
|
||||
<div class="hd">
|
||||
<ul >
|
||||
<?php /*foreach ($banners as $k => $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><?php echo $k + 1; ?></li>
|
||||
<?php endforeach;*/?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul class="banner_no">
|
||||
<?php foreach ($banners as $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><a href="<?php echo $banner['url']; ?>"><img src="<?php echo getImage($banner['picture']); ?>"></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
jQuery(".homeban").slide({mainCell: ".bd ul", autoPlay: true, delayTime: 3000});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
jQuery(".homeban").slide(
|
||||
{mainCell: ".bd ul", autoPlay: true, delayTime: 100}
|
||||
|
||||
);
|
||||
$(function(){
|
||||
function aa() {
|
||||
var color = $(".banner_no li").attr('id');
|
||||
|
||||
$(".header-Index #header").removeClass().addClass(color);
|
||||
//console.log(color);
|
||||
}
|
||||
|
||||
window.setInterval(aa,300);
|
||||
})
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
177
app/us/view/include/footer.phtml
Executable file
177
app/us/view/include/footer.phtml
Executable file
@@ -0,0 +1,177 @@
|
||||
|
||||
<?php
|
||||
$contentList = getBannerList(76, 4);
|
||||
if ($contentList):
|
||||
?>
|
||||
<div class="swt-Container Container8">
|
||||
<?php foreach ($contentList as $kn => $content): ?>
|
||||
<div class="col1">
|
||||
<img src="<?php echo $content['picture']; ?>">
|
||||
<div class="titlea"><?php echo $content['name']; ?></div>
|
||||
<div class="subtitlea"><?php echo $content['description']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
<section class="footer_layer">
|
||||
<!--<div class="Subscribe_subScribe_content__XD_Or content">-->
|
||||
<!-- <div class="swt-Container overflow-f" style="justify-content: space-between;display: flex;">-->
|
||||
<!-- <div class="md_layer_grid">-->
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox_grid__Wn4Dw">-->
|
||||
<!-- <div class="Subscribe_title_grid__40Kts">-->
|
||||
<!-- <span class="Subscribe_subScribe_content_subTitle__YCWpe">Sign up for news,updates & 10% off your first order</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox__oSxDj">-->
|
||||
<!-- <form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form">-->
|
||||
<!-- <input type="hidden" name="form_type" value="customer">-->
|
||||
<!-- <input type="hidden" name="utf8" value="✓">-->
|
||||
<!-- <input type="hidden" name="contact[tags]" value="newsletter">-->
|
||||
<!--</form>-->
|
||||
<!--<div class="form-control" style="width: 100%;">-->
|
||||
<!-- <input id="input-sections--19206105334060__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder="E-mail" autocomplete="email" enterkeyhint="send" required="">-->
|
||||
<!-- <label for="input-sections--19206105334060__footer--contactemail" class="floating-label">E-mail</label>-->
|
||||
<!-- <div class="self-submit-button">-->
|
||||
<!-- <button type="submit" class="circle-chevron hover:colors">-->
|
||||
<!-- <span class="sr-only">Subscribe</span>-->
|
||||
<!-- <svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">-->
|
||||
<!-- <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>-->
|
||||
<!-- </svg>-->
|
||||
<!-- </button>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div> -->
|
||||
<!--</div> -->
|
||||
|
||||
<footer id="shopify-section-sections--19206105334060__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer">
|
||||
<style>
|
||||
@media screen and (min-width: 1000px) {
|
||||
#shopify-section-sections--19206105334060__footer {--footer-block-list-gap: var(--spacing-10);--footer-block-list-justify-content: space-between;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="footer">
|
||||
<a href="?ref=footer" class="Footer_anker_icon__arGut" rel="noopener noreferrer">
|
||||
<img class="Footer_icon_orico" src="__PUBLIC__/weben/images/indeximg/logo11.png" style="height:50px;">
|
||||
</a>
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="footer__wrapper">
|
||||
<div class="footer__block-list empty:hidden">
|
||||
<!--div class="footer__block footer__block--text">
|
||||
|
||||
</div-->
|
||||
<?php if ($productCategory): ?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">Main Menu</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>" class="inline-block link-faded break-all"><?php echo $pc['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">About</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<li>
|
||||
<a href="__ORICOROOT__/Group/brand" class="inline-block link-faded break-all">About Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/Group/fq" class="inline-block link-faded break-all">FAQ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/Group/Contact" class="inline-block link-faded break-all">Contact Us</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">Program</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<li>
|
||||
<a href="/us/blog" class="inline-block link-faded break-all">Our Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://oricotechs.com/pages/corporate-program" class="inline-block link-faded break-all">Corporate Program</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://oricotechs.com/pages/review" class="inline-block link-faded break-all">Customer Review</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://af.uppromote.com/oricotechs/register" class="inline-block link-faded break-all">Become an affilate</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://oricotechs.com/pages/student-discount" class="inline-block link-faded break-all">Student Discount</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">Contact</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Email : supports/@oricotechs.com</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Business : wholesale@oricotechs.com</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">Mon - Fri : 9AM-6PM EST</span>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer__aside empty:hidden">
|
||||
|
||||
<div class="footer__aside-top">
|
||||
<ul class="social-media " role="list">
|
||||
<li>
|
||||
<a href="https://www.facebook.com/ORICOTECHNOLOGY/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/ORICO_Official" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-twitter" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.414 4.96c1.506-.024 2.307.479 3.072 1.117.65-.05 1.495-.383 1.992-.614l.484-.242c-.285.702-.67 1.253-1.262 1.67-.131.093-.262.218-.426.277v.009c.843-.008 1.539-.357 2.2-.546v.01a5.934 5.934 0 0 1-1.318 1.384l-.607.442c.01.817-.014 1.598-.18 2.285-.971 3.995-3.544 6.707-7.616 7.868-1.462.418-3.825.59-5.5.208-.83-.188-1.581-.402-2.285-.684a9.54 9.54 0 0 1-1.1-.519l-.342-.19c.378.01.82.105 1.243.043.382-.056.757-.042 1.11-.113.879-.176 1.66-.41 2.332-.77.326-.175.82-.38 1.053-.632a3.59 3.59 0 0 1-1.157-.19c-1.258-.407-1.99-1.154-2.466-2.277.381.038 1.479.129 1.735-.07-.48-.023-.94-.278-1.27-.467-1.012-.58-1.837-1.551-1.83-3.047l.398.173c.254.098.512.15.815.208.128.024.384.093.531.043h-.019c-.195-.208-.514-.347-.71-.571-.65-.739-1.258-1.875-.873-3.229.097-.343.252-.646.417-.926l.019.009c.076.144.244.25.35.372.332.376.741.714 1.158 1.013 1.42 1.016 2.698 1.64 4.75 2.103.522.117 1.124.207 1.746.208-.175-.466-.119-1.22.019-1.67.346-1.134 1.097-1.952 2.2-2.39.263-.105.556-.18.863-.242l.474-.052Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/orico_technology/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/@oricotechnologies7574" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube">
|
||||
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright">Copyright©2018-2028 ORICO Technologies Co.,Ltd</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
30
app/us/view/include/head-product.phtml
Executable file
30
app/us/view/include/head-product.phtml
Executable file
@@ -0,0 +1,30 @@
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/css_whir.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/owl.carousel.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper-bundle.min.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/indexcss.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/public_1440.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/theme.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/booNavigation.css">
|
||||
|
||||
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/common.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/swiper.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/owl.carousel.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/html5shiv.v3.72.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery.SuperSlide.2.1.1.js"></script>
|
||||
|
||||
|
||||
|
||||
23
app/us/view/include/head-product20210804.phtml
Executable file
23
app/us/view/include/head-product20210804.phtml
Executable file
@@ -0,0 +1,23 @@
|
||||
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/css_whir.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/owl.carousel.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/jquery.mCustomScrollbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/public_1200.css">
|
||||
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/common.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/swiper.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/owl.carousel.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/html5shiv.v3.72.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery.SuperSlide.2.1.1.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/swiper-bundle.min.js"></script>
|
||||
|
||||
4
app/us/view/include/head-seo.phtml
Executable file
4
app/us/view/include/head-seo.phtml
Executable file
@@ -0,0 +1,4 @@
|
||||
|
||||
<title><?php echo $seo_title; ?></title>
|
||||
<meta name="keywords" content="<?php echo $seo_keyword; ?>">
|
||||
<meta name="description" content="<?php echo $seo_description; ?>">
|
||||
32
app/us/view/include/head.phtml
Executable file
32
app/us/view/include/head.phtml
Executable file
@@ -0,0 +1,32 @@
|
||||
|
||||
<!-- End Google Tag Manager -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/gif" href="__PUBLIC__/web/images/animated_favicon.png">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/css_whir.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper-bundle.min.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/indexcss.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/public_1440.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/montserrat.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/theme.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/booNavigation.css">
|
||||
|
||||
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery-1.8.3.min.js"></script>
|
||||
<!--<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery-3.5.1.min.js"></script-->
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/swiper.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery.SuperSlide.2.1.1.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/common.js"></script>
|
||||
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/swiper-bundle.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/before-after.min.js"></script>
|
||||
|
||||
|
||||
22
app/us/view/include/head20210804.phtml
Executable file
22
app/us/view/include/head20210804.phtml
Executable file
@@ -0,0 +1,22 @@
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/gif" href="__PUBLIC__/web/images/animated_favicon.png">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/css_whir.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/public_1440.css">
|
||||
|
||||
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/common.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/swiper.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/owl.carousel.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/html5shiv.v3.72.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery.SuperSlide.2.1.1.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
|
||||
|
||||
|
||||
518
app/us/view/include/kefu.phtml
Executable file
518
app/us/view/include/kefu.phtml
Executable file
@@ -0,0 +1,518 @@
|
||||
<!-- 在线客服 s -->
|
||||
<!--<div class="suspension Swt-Phone">-->
|
||||
<!-- <div class="suspension-box">-->
|
||||
<!-- <div href="javascript:;" class="a a-acart">-->
|
||||
<!-- <i class="l3 icon-ys1"></i><p>Email</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div href="javascript:;" class="a a-service-phone" style="border-bottom:1px solid #f1f1f1;">-->
|
||||
<!-- <i class="l4 icon-kf1"></i><p>Contact Us</p>-->
|
||||
<!-- <div class="d d-service-phone">-->
|
||||
<!-- <i class="arrow"></i>-->
|
||||
<!-- <div class="inner-box" style="display: block">-->
|
||||
<!-- <div class="d-service-item clearfix">-->
|
||||
<!-- <span class="circle"><i class="i-tel"></i></span>-->
|
||||
<!-- <div class="text">-->
|
||||
<!-- <p>Free Service Hotline</p>-->
|
||||
<!-- <p class="number"><?php echo config('website_tel'); ?></p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div href="javascript:;" class="a a-top" style="border-bottom:1px solid #f1f1f1;margin-top:10px;">-->
|
||||
<!-- <i class="l5 icon-top1"></i><p>Top</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="d d-qrcode">-->
|
||||
<!-- <i class="arrow"></i>-->
|
||||
<!-- <div class="inner-box">-->
|
||||
<!-- <?php if (!empty($erweima[0])): ?>-->
|
||||
<!-- <div class="qrcode-img"><img src="<?php echo getImage($erweima[0]['picture']); ?>" alt="<?php echo $erweima[0]['alt']; ?>"></div>-->
|
||||
<!-- <?php endif; ?>-->
|
||||
<!-- <p>更多惊喜请加微信</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<div class="show">
|
||||
<div class="swt-Container smask">
|
||||
<div class="sarea">
|
||||
<div class="stop1">
|
||||
<span>Contact us</span>
|
||||
<a href="javascript:;" class="cha"><i class="icon-close"></i></a>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<form id="feedback">
|
||||
<div class="feed">
|
||||
<div class="finput">
|
||||
<label>Type：</label>
|
||||
<select name="feedback_type" id="faeedbackType">
|
||||
<option value="">--Select--</option>
|
||||
<?php
|
||||
$feedback_type = config('website_feedback_type_us');
|
||||
if ($feedback_type):
|
||||
foreach ($feedback_type as $type):
|
||||
?>
|
||||
<option value="<?php echo $type; ?>"><?php echo $type; ?></option>
|
||||
<?php
|
||||
endforeach;
|
||||
endif;
|
||||
?>
|
||||
</select>
|
||||
<span style="color:red;text-align: center;font-size: 13px;padding:0 5%;"></span>
|
||||
<p style="padding-left:120px;color:#ff0000; font-size:12px;padding-top:5px;">* Kindly select the right request so that we will offer better support.</p>
|
||||
</div>
|
||||
<div class="finput" id = "countryItem" style="display:none;">
|
||||
<label>Country:</label>
|
||||
|
||||
<select class=" detail-w01" id='country' name='country'>
|
||||
<option value ="">--- Select 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 class="finput" id="channelItem" style="display:none;">
|
||||
<label>Channel:</label>
|
||||
<select name="channel" id="channel">
|
||||
<option value="">-- Where did you buy from-- </option>
|
||||
<option value="Amazon">Amazon</option>
|
||||
<option value="AliExpress">AliExpress</option>
|
||||
<option value="Newegg">Newegg</option>
|
||||
<option value="Lazada">Lazada</option>
|
||||
<option value="Shopee">Shopee</option>
|
||||
<option value="Ebay">Ebay</option>
|
||||
<option value="JD">JD</option>
|
||||
<option value="Offline">Offline</option>
|
||||
<option value="Distributors">Distributors</option>
|
||||
<option value="Other">Other</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="finput" id = "orderItem" style="display:none;">
|
||||
<label>Order ID:</label>
|
||||
<input type="text" id = "order_id" name="order_id" value="" class="them">
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label>Your name:</label>
|
||||
<input type="text" name="name" value="" id="name" class="them">
|
||||
</div>
|
||||
|
||||
<div class="finput">
|
||||
<label>Subject:</label>
|
||||
<input type="text" name="subject" value="" class="them">
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label class="fla">Details:</label>
|
||||
<textarea name="content"></textarea>
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label class="fla">E-mail:</label>
|
||||
<input type="text" name="contact" value="" id="contact" class="them">
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label>Security code:</label>
|
||||
<input type="text" name="authcode" value="" id="authcode">
|
||||
<a href="javascript:;" class="yzm"><img id="yanzhengma" src="<?php echo url('captcha/authcode/verify', ['id' => 'authcode']); ?>"></a>
|
||||
</div>
|
||||
<a href="javascript:;" class="feda sendbtn">Send</a>
|
||||
<a href="javascript:;" class="feda resetbtn">Reset</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
|
||||
//设置全局变量，判断右侧悬浮框，选项是否呈现
|
||||
var isShow = false;
|
||||
|
||||
$(document).ready(function() {
|
||||
/* ----- 侧边悬浮 ---- */
|
||||
$(document).on("mouseenter", ".suspension .a", function() {
|
||||
var _this = $(this);
|
||||
var s = $(".suspension");
|
||||
var isService = _this.hasClass("a-service");
|
||||
var isServicePhone = _this.hasClass("a-service-phone");
|
||||
var isQrcode = _this.hasClass("a-qrcode");
|
||||
if (isService) {
|
||||
s.find(".d-servcie").show().siblings(".d").hide();
|
||||
}
|
||||
if (isServicePhone) {
|
||||
s.find(".d-service-phone").show().siblings(".d").hide();
|
||||
}
|
||||
if (isQrcode) {
|
||||
s.find(".d-qrcode").show().siblings(".d").hide();
|
||||
}
|
||||
});
|
||||
$(document).on("mouseleave", ".suspension .a, .suspension .a-top", function() {
|
||||
$(".suspension").find(".d").hide();
|
||||
});
|
||||
$(document).on("mouseenter", ".suspension .a-top", function() {
|
||||
$(".suspension").find(".d").hide();
|
||||
});
|
||||
$(document).on("click", ".suspension .a-top", function() {
|
||||
$("html,body").animate({scrollTop: 0});
|
||||
});
|
||||
$(window).scroll(function() {
|
||||
var st = $(document).scrollTop();
|
||||
var $top = $(".suspension .a-top");
|
||||
if (st > 400) {
|
||||
$top.css({display: 'block'});
|
||||
} else {
|
||||
if ($top.is(":visible")) {
|
||||
$top.show();
|
||||
}
|
||||
}
|
||||
});
|
||||
$(".a-acart").click(function() {
|
||||
$(".show").show();
|
||||
$("a.yzm").click();
|
||||
})
|
||||
$(".cha").click(function() {
|
||||
$(".show").hide();
|
||||
})
|
||||
});
|
||||
$(function() {
|
||||
$("#faeedbackType").change(function(){
|
||||
//判断选择After sales support呈现两个选择项
|
||||
var faeedbackType = $(this).val();
|
||||
if(faeedbackType == 'After Sales Support'){
|
||||
isShow = true;
|
||||
}
|
||||
else{
|
||||
isShow = false;
|
||||
}
|
||||
|
||||
if(isShow) {
|
||||
$("#orderItem").show();
|
||||
$("#countryItem").show();
|
||||
$("#channelItem").show();
|
||||
}else{
|
||||
$("#orderItem").hide();
|
||||
$("#countryItem").hide();
|
||||
$("#channelItem").hide();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- 在线客服 e -->
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("form a.yzm").click(function(event) {
|
||||
event.preventDefault();
|
||||
$("#yanzhengma").attr("src", "<?php echo url('captcha/authcode/verify', ['id' => 'authcode']); ?>" + "?" + Math.random());
|
||||
});
|
||||
$("form a.resetbtn").click(function(e) {
|
||||
if (confirm('Are you sure to reset all form items?')) {
|
||||
this.form.reset();
|
||||
}
|
||||
});
|
||||
$("form a.sendbtn").bind("click", function(event) {
|
||||
if(isShow) {
|
||||
var orderObj = document.getElementById('orderid');
|
||||
if (isNull(trim(orderObj.value))) {
|
||||
alert('The Oder ID is not Empty ');
|
||||
authcodeObj.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
var countryObj = document.getElementById('country');
|
||||
if (isNull(trim(countryObj.value))) {
|
||||
alert('Please check your country');
|
||||
authcodeObj.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
var channelObj = document.getElementById('channel');
|
||||
if (isNull(trim(channelObj.value))) {
|
||||
alert('Please check your buy from');
|
||||
authcodeObj.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
var nameObj = document.getElementById('name');
|
||||
if (isNull(trim(nameObj.value))) {
|
||||
alert('Please check your information');
|
||||
nameObj.focus();
|
||||
return false;
|
||||
}
|
||||
var authcodeObj = document.getElementById('authcode');
|
||||
if (isNull(trim(authcodeObj.value))) {
|
||||
alert('Incorrect security code');
|
||||
authcodeObj.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
var emailType = $("#faeedbackType").val();
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "<?php echo url('/us/index/feedback'); ?>",
|
||||
data: $("form#feedback").serialize(),
|
||||
dataType: "json",
|
||||
success: function(data, status, xhr) {
|
||||
if (data.code) {
|
||||
|
||||
$("form#feedback").get(0).reset();
|
||||
|
||||
if(emailType.toLowerCase().trim() == 'media cooperation' || emailType.toLowerCase().trim() == 'after sales support') {
|
||||
alert(data.msg);
|
||||
}
|
||||
else{
|
||||
location.href = '/us/Group/submission.html';
|
||||
}
|
||||
} else {
|
||||
alert(data.msg);
|
||||
}
|
||||
},
|
||||
beforeSend: function() {
|
||||
$('form a.sendbtn').prop('disabled', true);
|
||||
},
|
||||
complete: function() {
|
||||
$('form a.sendbtn').prop('disabled', false);
|
||||
$("form a.yzm").click();
|
||||
}
|
||||
});
|
||||
event.preventDefault();
|
||||
});
|
||||
});
|
||||
function isNull(data) {
|
||||
return (data == "" || data == undefined || data == null) ? true : false;
|
||||
}
|
||||
function trim(str) {
|
||||
return str.replace(/(^\s*)|(\s*$)/g, '');
|
||||
}
|
||||
function isTelephone(value) {
|
||||
var isMobile = /^1[345789]\d{9}$/;
|
||||
return isMobile.test(value);
|
||||
}
|
||||
function validEmail(email) {
|
||||
//对电子邮件的验证
|
||||
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
|
||||
return reg.test(email);
|
||||
}
|
||||
|
||||
</script>
|
||||
48
app/us/view/include/newbanner.phtml
Executable file
48
app/us/view/include/newbanner.phtml
Executable file
@@ -0,0 +1,48 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
|
||||
$banners = array(
|
||||
'0' => array(
|
||||
'alt'=> 'New HUB',
|
||||
'url'=>'https://cc.f2b211.com/us/product/detail/3724.html',
|
||||
//'picture'=>'/uploads/1920x750-hub1-en.jpg',
|
||||
'picture'=>'/uploads/07.jpg',
|
||||
),
|
||||
'1' => array(
|
||||
'alt'=> 'Portable EV Charger',
|
||||
'url'=>'',
|
||||
'picture'=>'/uploads/05.jpg',
|
||||
),
|
||||
);
|
||||
|
||||
// tiaoshi($banners);die;
|
||||
if ($banners):
|
||||
?>
|
||||
<div class="homeban">
|
||||
<div class="hd">
|
||||
<ul >
|
||||
<?php /*foreach ($banners as $k => $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><?php echo $k + 1; ?></li>
|
||||
<?php endforeach;*/?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul class="banner_no">
|
||||
<?php foreach ($banners as $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><a href="<?php if($banner['url']){ echo $banner['url'];}else{echo 'javascript:viod();';} ?>"><img src="<?php echo getImage($banner['picture']); ?>"></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
jQuery(".homeban").slide({mainCell: ".bd ul", autoPlay: true, delayTime: 3000});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
jQuery(".homeban").slide(
|
||||
{mainCell: ".bd ul", autoPlay: true, delayTime: 100}
|
||||
|
||||
);
|
||||
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
121
app/us/view/include/top-header-mobile-back.phtml
Executable file
121
app/us/view/include/top-header-mobile-back.phtml
Executable file
@@ -0,0 +1,121 @@
|
||||
<header class="header-M">
|
||||
<div class="header-fixed">
|
||||
<div class="logo img-responsive"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png"></a></div>
|
||||
<div class="Menu icon-menu"></div>
|
||||
<div class="Country"><img src="__PUBLIC__/web/images/countries/UK.png"></div>
|
||||
</div>
|
||||
<div class="m-Menu" style="display: none;">
|
||||
<ul>
|
||||
<li><a href="__ORICOROOT__">HOME</a></li>
|
||||
<li><a href="__ORICOROOT__<?php echo url_rewrite('product'); ?>">Product & Service</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $k => $pc): ?>
|
||||
<li><a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"><?php echo $pc['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<li><a href="__ORICOROOT__/Group/special">Featured Products</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="">Value & Mission</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<a href="__ORICOROOT__/Group/weare">We Are</a>
|
||||
<a href="__ORICOROOT__/Group/wewill">We Will</a>
|
||||
<a href="__ORICOROOT__/Group/culture">Culture & Values</a>
|
||||
<a href="__ORICOROOT__/Group/vision">Mission & Vision</a>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="">History & Innovation</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<li><a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">Brand News</a></li>
|
||||
<li><a href="__ORICOROOT__/Group/brand">Brand Course</a></li>
|
||||
<li><a href="__ORICOROOT__/Group/honor">Honors & Certificates</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="__ORICOROOT__/Group/job">Join Us</a></li>
|
||||
<li><a href="__ORICOROOT__/Group/Contact">Contact Us</a></li>
|
||||
</ul>
|
||||
<div class="SingIn-button text-c"><a href="__ORICOROOT__/register.html">Registry</a><a href="__ORICOROOT__/login.html">Login</a></div>
|
||||
<a href="__ORICOROOT__/Group/search"><div class="search">
|
||||
<button class="updown_search_btn" type="sumbit" id="bnt_email"><span class="icon-search"></span></button>
|
||||
<input class="form-control" name="keywords" placeholder="Search" value="" type="text">
|
||||
</div> </a>
|
||||
</div>
|
||||
<div class="m-Country" style="display: none;">
|
||||
<ul>
|
||||
<li><a href="http://www.orico.com.cn"><p>China</p></a></li>
|
||||
<li><a href="http://www.orico.cc/us"><p>USA</p></a></li>
|
||||
<li><a href=""><p>Vietnam</p></a></li>
|
||||
<li><a href=""><p>Thailand</p></a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
<script>
|
||||
/*菜单栏*/
|
||||
$( function () {
|
||||
$( ".Menu" ).click( function () {
|
||||
$( this ).toggleClass( "icon-close" );
|
||||
$( ".Country" ).children().show();
|
||||
$( ".m-Menu" ).slideToggle( 500 );
|
||||
$( ".Country" ).removeClass( "icon-close" );
|
||||
$( ".m-Country" ).hide();
|
||||
$( ".m-Menu ul" ).animate( {
|
||||
fontSize: "1em"
|
||||
} );
|
||||
} );
|
||||
} )
|
||||
/*国家栏*/
|
||||
$( function () {
|
||||
$( ".Country" ).click( function () {
|
||||
$( this ).children().toggle();
|
||||
$( this ).toggleClass( "icon-close" );
|
||||
$( ".Menu" ).removeClass( "icon-close" );
|
||||
$( ".m-Country" ).slideToggle( 500 );
|
||||
$( ".m-Menu" ).hide();
|
||||
} );
|
||||
} )
|
||||
/*箭头下拉*/
|
||||
$( function () {
|
||||
$( ".m-Menu .arrow" ).click( function () {
|
||||
$( this ).parent().find( ".S-Menu" ).slideToggle( 500 );
|
||||
$( this ).toggleClass( "arrow-r" )
|
||||
} );
|
||||
} )
|
||||
|
||||
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
/*固定头部*/
|
||||
/*window.onload=function()
|
||||
{
|
||||
if(document.readyState=="complete")
|
||||
{
|
||||
document.getElementById("wap-search-in").focus();
|
||||
}
|
||||
}*/
|
||||
|
||||
var theme_color= $("#header").attr("class");
|
||||
var header_class = $("header").attr("class");
|
||||
/*滚动条大于100固定头部*/
|
||||
$(window).scroll(function() {
|
||||
// 当滚动到最底部以上100像素时， 固定头部
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$("header").removeClass("header-Index").addClass("header-Product");
|
||||
$("#header").removeClass(theme_color).addClass("theme-black");
|
||||
}
|
||||
else
|
||||
{
|
||||
$("header").removeClass("header-Product").addClass(header_class);
|
||||
$("#header").removeClass("theme-black").addClass(theme_color);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
0
app/us/view/include/top-header-mobile.phtml
Executable file
0
app/us/view/include/top-header-mobile.phtml
Executable file
516
app/us/view/include/top-header.phtml
Executable file
516
app/us/view/include/top-header.phtml
Executable file
@@ -0,0 +1,516 @@
|
||||
<div class="Container head-nav " id="scroll">
|
||||
<div class="nav-1">
|
||||
<a href="__ORICOROOT__"><img src="__PUBLIC__/weben/images/indeximg/logo .png" ></a>
|
||||
</div>
|
||||
<div class="wrapper nav-2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
<!-- <li class="navItem">
|
||||
<a href="__ORICOROOT__/product/new_arrival" title="New Arrival">New Arrival</a>
|
||||
</li> -->
|
||||
<li class="navItem allbtn tabs-vertical" id="allbtntop">
|
||||
<a href="#" title="Products">Products</a>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<div class="navContent jspop">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $kp => $cate):?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $cate['id']?>.html" class="tab-active" data-index="<?php echo $kp; ?>" ><?php echo $cate['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<div class="tabs-content-placeholder" >
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="tabs-content-placeholder-div tab-content-active">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt>
|
||||
<a class="ui-link" href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a>
|
||||
</dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php
|
||||
if ($nav_header): ?>
|
||||
<?php
|
||||
foreach ($nav_header as $kn => $nav):
|
||||
if(strpos($nav['url'], 'http://') !== false || strpos($nav['url'], 'https://') !== false) {
|
||||
$link = $nav['url'];
|
||||
}
|
||||
else{
|
||||
if($nav['url']){
|
||||
$link = '__ORICOROOT__/'.$nav['url'];
|
||||
}
|
||||
else{
|
||||
$link = '#';
|
||||
}
|
||||
}
|
||||
if($kn< 7):
|
||||
?>
|
||||
|
||||
<li class="navItem">
|
||||
<a href="<?php echo $link; ?>" <?php if($nav['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
|
||||
|
||||
<?php if (!empty($nav['items'])): ?>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<ol class="navContent navContent1">
|
||||
|
||||
<?php
|
||||
foreach ($nav['items'] as $kt => $child):
|
||||
if(strpos($child['url'], 'http://') !== false || strpos($child['url'], 'https://') !== false) {
|
||||
$childLink = $child['url'];
|
||||
}
|
||||
else{
|
||||
$childLink = '__ORICOROOT__/'.$child['url'];
|
||||
}
|
||||
?>
|
||||
<li >
|
||||
<a href="<?php echo $childLink; ?>" <?php if($child['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
|
||||
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="nav-3">
|
||||
<div>
|
||||
<img id="openModalBtn" src="__PUBLIC__/weben/images/indeximg/icon-search.png" class="searchimg">
|
||||
</div>
|
||||
<div>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/icon-language.png" class="checkimg" id="countrycheck">
|
||||
<div id="top-country" class="hidden">
|
||||
<ul>
|
||||
<li class="desktopli1">
|
||||
<span class="close-btn1" id="closeModalBtn1">×</span>
|
||||
</li>
|
||||
<a href="https://www.orico.com.cn/" class="cn" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/CN.png" /></div>
|
||||
<div class="desktop-10">China - 中文简体</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/us" class="ca" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/US.png" /></div>
|
||||
<div class="desktop-10">USA - English</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricobr.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/BR.png" /></div>
|
||||
<div class="desktop-10">Brazil - português</div>
|
||||
</li></a>
|
||||
<a href="https://www.ORICOPERU.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/MX.png" /></div>
|
||||
<div class="desktop-10">Peru - español</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/th" class="hk" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TH.png" /></div>
|
||||
<div class="desktop-10">Thailand - ไทย</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/id" class="jp" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/ID.png" /></div>
|
||||
<div class="desktop-10">Indonesia - bahasa Indonesia</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/vn" class="kr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/VN.png" /></div>
|
||||
<div class="desktop-10">Vietnam - Tiếng Việt</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.shop/" class="be" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/NL.png" /></div>
|
||||
<div class="desktop-10">Netherlands - English</div>
|
||||
</li></a>
|
||||
<a href="http://www.oricoturkiye.com/" class="tr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TR.png" /></div>
|
||||
<div class="desktop-10">Turkiye - Türkçe</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricoiran.com" class="bh" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/IR.png" /></div>
|
||||
<div class="desktop-10">Iran - فارسی</div>
|
||||
</li></a>
|
||||
<a href="http://www.orico.com.au/ " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/AU.png" /></div>
|
||||
<div class="desktop-10">Australia - English</div>
|
||||
</li></a>
|
||||
<a href="https://orico-russia.ru " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/countries/RU.png" /></div>
|
||||
<div class="desktop-10">Russia - Россия</div>
|
||||
</li></a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://oricotechs.com" target="_blank"><div class="storetopbt"><img src="__PUBLIC__/weben/images/indeximg/shopico.png" class="storeImgico">Store</div></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="Container head-nav fixednav" style="display: none">
|
||||
<div class="nav-1">
|
||||
<a href="__ORICOROOT__"><img src="__PUBLIC__/weben/images/indeximg/logo .png" ></a>
|
||||
</div>
|
||||
<div class="wrapper nav-2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
<!-- <li class="navItem">
|
||||
<a href="__ORICOROOT__/product/new_arrival" title="New Arrival">New Arrival</a>
|
||||
</li> -->
|
||||
<li class="navItem allbtn tabs-vertical" id="allbtntop">
|
||||
<a href="#" title="Products">Products</a>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<div class="navContent jspop">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $kp => $cate):?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $cate['id']?>.html" class="tab-active" data-index="<?php echo $kp; ?>" ><?php echo $cate['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<div class="tabs-content-placeholder" >
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="tabs-content-placeholder-div tab-content-active">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt>
|
||||
<a class="ui-link" href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a>
|
||||
</dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php
|
||||
if ($nav_header): ?>
|
||||
<?php
|
||||
foreach ($nav_header as $kn => $nav):
|
||||
if(strpos($nav['url'], 'http://') !== false || strpos($nav['url'], 'https://') !== false) {
|
||||
$link = $nav['url'];
|
||||
}
|
||||
else{
|
||||
if($nav['url']){
|
||||
$link = '__ORICOROOT__/'.$nav['url'];
|
||||
}
|
||||
else{
|
||||
$link = '#';
|
||||
}
|
||||
}
|
||||
if($kn< 7):
|
||||
?>
|
||||
|
||||
<li class="navItem">
|
||||
<a href="<?php echo $link; ?>" <?php if($nav['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
|
||||
|
||||
<?php if (!empty($nav['items'])): ?>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<ol class="navContent navContent1">
|
||||
|
||||
<?php
|
||||
foreach ($nav['items'] as $kt => $child):
|
||||
if(strpos($child['url'], 'http://') !== false || strpos($child['url'], 'https://') !== false) {
|
||||
$childLink = $child['url'];
|
||||
}
|
||||
else{
|
||||
$childLink = '__ORICOROOT__/'.$child['url'];
|
||||
}
|
||||
?>
|
||||
<li >
|
||||
<a href="<?php echo $childLink; ?>" <?php if($child['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
|
||||
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>1
|
||||
<div class="nav-3">
|
||||
<div>
|
||||
<img id="openModalBtn" src="__PUBLIC__/weben/images/indeximg/icon-search.png" class="searchimg">
|
||||
</div>
|
||||
<div>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/icon-language.png" class="checkimg" id="countrycheck">
|
||||
<div id="top-country" class="hidden">
|
||||
<ul>
|
||||
<li class="desktopli1">
|
||||
<span class="close-btn1" id="closeModalBtn1">×</span>
|
||||
</li>
|
||||
<a href="https://www.orico.com.cn/" class="cn" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/CN.png" /></div>
|
||||
<div class="desktop-10">China - 中文简体</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/us" class="ca" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/US.png" /></div>
|
||||
<div class="desktop-10">USA - English</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricobr.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/BR.png" /></div>
|
||||
<div class="desktop-10">Brazil - português</div>
|
||||
</li></a>
|
||||
<a href="https://www.ORICOPERU.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/MX.png" /></div>
|
||||
<div class="desktop-10">Peru - español</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/th" class="hk" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TH.png" /></div>
|
||||
<div class="desktop-10">Thailand - ไทย</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/id" class="jp" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/ID.png" /></div>
|
||||
<div class="desktop-10">Indonesia - bahasa Indonesia</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/vn" class="kr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/VN.png" /></div>
|
||||
<div class="desktop-10">Vietnam - Tiếng Việt</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.shop/" class="be" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/NL.png" /></div>
|
||||
<div class="desktop-10">Netherlands - English</div>
|
||||
</li></a>
|
||||
<a href="http://www.oricoturkiye.com/" class="tr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TR.png" /></div>
|
||||
<div class="desktop-10">Turkiye - Türkçe</div>
|
||||
</li></a>
|
||||
<a href="https://orico-iran.ir" class="bh" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/IR.png" /></div>
|
||||
<div class="desktop-10">Iran - فارسی</div>
|
||||
</li></a>
|
||||
<a href="http://www.orico.com.au/ " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/AU.png" /></div>
|
||||
<div class="desktop-10">Australia - English</div>
|
||||
</li></a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="modal" class="modal">
|
||||
<div class="modal-content Search">
|
||||
<span class="close-btn" id="closeModalBtn">×</span>
|
||||
<input type="text" name="keywords" id="search-in" value="" />
|
||||
<div id="search" class="search_content search_default"></div>
|
||||
<div class="modal_1">
|
||||
<p class="tit1">Search History</p>
|
||||
<div>
|
||||
<ul>
|
||||
<?php
|
||||
$historyList = getBannerList(79, 5);
|
||||
if ($historyList):
|
||||
?>
|
||||
<?php foreach ($historyList as $kh => $history): ?>
|
||||
<li><a href="<?php echo $history['url']; ?>"><?php echo $history['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal_2">
|
||||
<p class="tit1">Popular Products</p>
|
||||
<?php
|
||||
if ($popular_list):
|
||||
?>
|
||||
<?php foreach ($popular_list as $kp => $popular): ?>
|
||||
|
||||
<div class="picture21">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('productdetail', ['id' => $popular['id']]); ?>"><img title="<?php echo $popular['name']; ?>" class="picture21-img" src="<?php echo getImage($popular['list_bk_img']); ?>"></a>
|
||||
<div class="title"> <?php echo $popular['name']; ?></div>
|
||||
<div class="subtitle"><?php echo $popular['shortname']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<!-- 这里可以放置表单、其他内容等 -->
|
||||
</div>
|
||||
</div>
|
||||
<!--导航固定滚动-->
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
var nav = $('fixednav') //得到导航对象
|
||||
var win = $(window) //得到窗口对象
|
||||
var sc = $(document) //得到document文档对象。
|
||||
var clinetHeight = $(document.body).height()
|
||||
var availHeight = $(window).height() + 60
|
||||
win.scroll(function () {
|
||||
if (clinetHeight >= availHeight) {
|
||||
if (sc.scrollTop() > 60) {
|
||||
$('.fixednav').show()
|
||||
// $(".bg_white_nav").hide();
|
||||
} else {
|
||||
console.log(222)
|
||||
$('.fixednav').hide()
|
||||
// $(".bg_white_nav").show();
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
// 导航
|
||||
$(document).ready(function() {
|
||||
var widget = $('.tabs-vertical');
|
||||
var tabs = widget.find(' ul a'),
|
||||
content = widget.find('.tabs-content-placeholder-div');
|
||||
|
||||
tabs.on('mouseover', function (e) {
|
||||
e.preventDefault();
|
||||
// Get the data-index attribute, and show the matching content div
|
||||
var index = $(this).data('index');
|
||||
tabs.removeClass('tab-active');
|
||||
content.removeClass('tab-content-active');
|
||||
$(this).addClass('tab-active');
|
||||
content.eq(index).addClass('tab-content-active');
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#countrycheck').click(function() {
|
||||
$('#top-country').toggleClass('hidden block');
|
||||
});
|
||||
$('#closeModalBtn1').click(function() {
|
||||
$('#top-country').toggleClass('hidden block');
|
||||
});
|
||||
});
|
||||
// 搜索弹窗
|
||||
$(document).ready(function() {
|
||||
// 点击打开按钮显示弹出框
|
||||
$('#openModalBtn').click(function() {
|
||||
$('#modal').fadeIn();
|
||||
});
|
||||
// 点击关闭按钮或背景模态框，隐藏弹出框
|
||||
$('#closeModalBtn, .modal').click(function() {
|
||||
$('#modal').fadeOut();
|
||||
});
|
||||
// 防止点击弹出框内容时关闭弹出框
|
||||
$('.modal-content').click(function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
/************搜索****************/
|
||||
$(function() {
|
||||
var search_input = $(".Search input");
|
||||
var search_content = $(".search_content");
|
||||
|
||||
$(search_input).on("keyup", function(e)
|
||||
{
|
||||
$("#search-in").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
var keywords = $("#search-in").val();
|
||||
var href = "<?php echo url('/us/search'); ?>?skeyword=" + encodeURIComponent(keywords);
|
||||
location.href = href;
|
||||
$("#modal").hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(".search_content").bind("click", function(event) {
|
||||
|
||||
var skeyword = $(".Search input").val();
|
||||
if(skeyword){
|
||||
var href = "<?php echo url('/us/search'); ?>?skeyword= "+ encodeURIComponent(skeyword);
|
||||
location.href = href;
|
||||
}
|
||||
else{
|
||||
var href = "<?php echo url('/us/search'); ?>";
|
||||
location.href = href;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.storetopbt{
|
||||
background: #004cfa;
|
||||
color: #fff;
|
||||
padding: 0 15px;
|
||||
border-radius: 20px;
|
||||
height: 38px;
|
||||
line-height: 40px;
|
||||
margin-top: 11px;
|
||||
position: absolute !important;
|
||||
right: 60px;
|
||||
width: auto !important;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
.storeImgico{
|
||||
width: 20px;
|
||||
margin-right:8px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/modal.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/public.css">
|
||||
182
app/us/view/include/top-header0713.phtml
Executable file
182
app/us/view/include/top-header0713.phtml
Executable file
@@ -0,0 +1,182 @@
|
||||
|
||||
<!--End mc_embed_signup-->
|
||||
<div class="nav">
|
||||
<div class="swt-Container overflow-f">
|
||||
<div class="all-logo position-r">
|
||||
<div class="logo logo-black"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
<div class="logo logo-white"><a href="__ORICOROOT__"><img src="/uploads/default/logo-white.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="all-logo-black position-r" style="display: none">
|
||||
<div class="logo"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<!--<li id="index" class="products"><a href="__ORICOROOT__/product/new_arrival">New Arrival</a></li>-->
|
||||
<li id="index" class="products"><a href="__ORICOROOT__/product/new_arrival">New Arrival</a></li>
|
||||
<li id="nav1" class="products main_nav">
|
||||
<a href="__ORICOROOT__" class="aons">Products <span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist_c" style="display: none">
|
||||
<div class="swt-Container ca_list text-left">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<div class="ca_lists">
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $value['id']?>.html" class="nav_title one_category"><img src="<?php echo $value['m_icon']?>"><?php echo $value['name']; ?><i class="icon-r-arrow arrow_title"></i></a>
|
||||
<?php if ($have_3_child == 0): ?>
|
||||
<div class="two_nav two_nav_other" style="display: none;">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<div class=""><a href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a></div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php else: ?>
|
||||
<div style="<?php if ($key != 0): ?> display: none <?php endif; ?>">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="two_nav_<?php echo $value['id']; ?> two_nav">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt class="nav_list_title"><a href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a></dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav2">
|
||||
<a href="#">Cooperation<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlistabc navlist1">
|
||||
<dd class="navdd">
|
||||
|
||||
<!--a href="__ORICOROOT__/agents/agents">Become a Distributor</a-->
|
||||
<div class="ddfl">
|
||||
<a href="">Introduction of the Brand</a>
|
||||
|
||||
</div>
|
||||
<div class="ddfl">
|
||||
<a href="">Shop for Business</a>
|
||||
</div>
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/Group/distributor">Become a Distributor</a>
|
||||
</div>
|
||||
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="__ORICOROOT__/blog/blog/lists.html">Blog</a>
|
||||
</li>
|
||||
<li id="nav4" class="products"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>"><a href="#">Support<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlistabc navlist3">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
|
||||
<p class="text-r"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">Driver & Manual Download</a></p>
|
||||
<p><a href="__ORICOROOT__/Group/fq">FAQ</a></p>
|
||||
<p><a href="__ORICOROOT__<?php echo url_rewrite('video'); ?>">Video Tutorials</a></p>
|
||||
<!--p><a href="__ORICOROOT__/antifake">Ask a Question</a></p-->
|
||||
<p><a href="__ORICOROOT__/antifake">SSD Series Anti-Fake Query</a></p>
|
||||
<p><a href="__ORICOROOT__/Group/policy">After-sale Policy</a></p>
|
||||
|
||||
</div>
|
||||
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav5" class="products">
|
||||
<a href="#">About Us<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlistabc navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/Group/weare">Our Brand</a>
|
||||
<a href="__ORICOROOT__/Group/wewill">Our Product</a>
|
||||
<a href="__ORICOROOT__/Group/culture">Our Achievement</a>
|
||||
|
||||
</div>
|
||||
<!--<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd1.jpg">-->
|
||||
<!--</div>-->
|
||||
<!--<div class="clear"></div>-->
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<!--li id="nav4" class="products"><a href="__ORICOROOT__/Group/job">Join Us</a-->
|
||||
<!--</li>-->
|
||||
<!--<li id="nav6" class="products"><a href="__ORICOROOT__/Group/Contact">Contact</a>-->
|
||||
<!--</li>-->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navf2">
|
||||
<div id="tuichu1"><a href="__ORICOROOT__/search.html">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/search.png" class="searchimg">
|
||||
</a></div>
|
||||
<div class="state zg">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/checklanguage.png" class="checkimg">
|
||||
<div class="top-country topnav" style="display: none;">
|
||||
<div class="swt-Container">
|
||||
<?php if(!empty($country_list)): ?>
|
||||
<ul>
|
||||
<?php foreach($country_list as $key => $value): ?>
|
||||
<?php if ($value['code'] != 'US'): ?>
|
||||
<li><a href="<?php echo $value['url']; ?>"><p class="countries <?php echo $value['code']; ?>"></p><p><?php echo $value['country_name']; ?></p></a></li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--首页google推广邮件插件 S-->
|
||||
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/700635880d96d1fc7777fba4b/09de753bf90231fdda6ba66eb.js");</script>
|
||||
<!--首页google推广邮件插件 E-->
|
||||
<!-- Facebook Pixel Code -->
|
||||
<script>
|
||||
!function(f,b,e,v,n,t,s)
|
||||
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
|
||||
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
|
||||
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
|
||||
n.queue=[];t=b.createElement(e);t.async=!0;
|
||||
t.src=v;s=b.getElementsByTagName(e)[0];
|
||||
s.parentNode.insertBefore(t,s)}(window, document,'script',
|
||||
'https://connect.facebook.net/en_US/fbevents.js');
|
||||
fbq('init', '612460659756192');
|
||||
fbq('track', 'PageView');
|
||||
</script>
|
||||
<noscript><img height="1" width="1" style="display:none"
|
||||
src="https://www.facebook.com/tr?id=612460659756192&ev=PageView&noscript=1"
|
||||
/></noscript>
|
||||
<!-- End Facebook Pixel Code -->
|
||||
308
app/us/view/include/top-header0717.phtml
Executable file
308
app/us/view/include/top-header0717.phtml
Executable file
@@ -0,0 +1,308 @@
|
||||
<div class="Container head-nav" id="scroll">
|
||||
<div class="nav-1">
|
||||
<a href="#"><img src="__PUBLIC__/weben/images/indeximg/logo .png" ></a>
|
||||
</div>
|
||||
<div class="nav-2">
|
||||
<nav class="nav nav4">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">New Arrival</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Products</a>
|
||||
<ul class="navas">
|
||||
<li class="Container main_navas">
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Cooperation</a>
|
||||
<ul class="nava">
|
||||
<li><a href="#">Introduction of the Brand</a></li>
|
||||
<li><a href="#">Shop for Business</a></li>
|
||||
<li><a href="#">Become a Distributor</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Support</a>
|
||||
<ul class="nava">
|
||||
<li><a href="#">Driver & Manual Download</a></li>
|
||||
<li><a href="#">Video Tutorials</a></li>
|
||||
<li><a href="#">SSD Series Anti-Fake Query</a></li>
|
||||
<li><a href="#">After-sale Policy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">About Us</a>
|
||||
<ul class="nava">
|
||||
<li><a href="#">Our Brand</a></li>
|
||||
<li><a href="#">Our Product</a></li>
|
||||
<li><a href="#">Our Achievement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Blog</a>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="nav-3">
|
||||
<a href="" id="searchdiv1">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/search.png" class="searchimg">
|
||||
</a>
|
||||
<a href="__ORICOROOT__/Group/oricoindex">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/checklanguage.png" class="checkimg">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
window.addEventListener('scroll', function() {
|
||||
var navbar = document.getElementById('head-nav');
|
||||
var scrolled = window.scrollY > 0; // 当页面向下滚动时 scrolled 为 true，否则为 false
|
||||
|
||||
if (scrolled) {
|
||||
navbar.classList.add('scrolled');
|
||||
} else {
|
||||
navbar.classList.remove('scrolled');
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#head-nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
||||
transition: background-color 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
#navbar.scrolled {
|
||||
background-color: black; /* 滚动时导航栏的背景颜色 */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.main_navas .navlistfirst{
|
||||
width: 100%;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.leavtop{
|
||||
/*background-color: white !important;*/
|
||||
display：none
|
||||
}
|
||||
|
||||
.nav-1{
|
||||
position: relative;
|
||||
width: 20%;
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav-1 img{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-left: -74px;
|
||||
margin-top: -19px;
|
||||
left: 50%;
|
||||
}
|
||||
.nav-2{
|
||||
width: 60%;
|
||||
overflow: hidden;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav-3{
|
||||
position: relative;
|
||||
width: 20%;
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav-3 .searchimg{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 5%;
|
||||
}
|
||||
.nav-3 .checkimg{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 15%;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.head-nav {
|
||||
position: fixed;
|
||||
display: flex;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
z-index: 9999;
|
||||
|
||||
}
|
||||
|
||||
.head-nav .nav4{
|
||||
width:60% !important;
|
||||
height: 60px;
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.nav>ul {
|
||||
|
||||
*zoom: 1;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/*border: 1px solid red;*/
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav ul:before,
|
||||
.nav ul:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.nav ul:after {
|
||||
clear: both;
|
||||
}
|
||||
/* .nav ul:hover {*/
|
||||
/* background-color: white;*/
|
||||
/* color: black;*/
|
||||
/*}*/
|
||||
|
||||
.nav ul>li {
|
||||
height: 60px;
|
||||
width: 15%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.nav>ul>li>a{
|
||||
color: white !important;
|
||||
}
|
||||
.nav a {
|
||||
display: block;
|
||||
/* padding: 10px 20px; */
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
/* border-left: 1px solid #595959; */
|
||||
|
||||
/*border: 1px solid red;*/
|
||||
}
|
||||
|
||||
.nav a:hover {
|
||||
text-decoration: none;
|
||||
color: #45c9fc!important;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
.nav li ul {
|
||||
background: white;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.nav li ul li {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav li ul a {
|
||||
/*border: none;*/
|
||||
}
|
||||
|
||||
.nav li ul a:hover {
|
||||
background-color: rgba(148, 235, 253, 0.70);
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav4 ul>li:hover ul li {
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
.nav4 .nava {
|
||||
width: 120%;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nav4 li ul li {
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
-webkit-transition: max-height 500ms ease;
|
||||
-moz-transition: max-height 500ms ease;
|
||||
-o-transition: max-height 500ms ease;
|
||||
transition: max-height 500ms ease;
|
||||
}
|
||||
|
||||
/* hc_lnav */
|
||||
.main_navas{
|
||||
width: ;
|
||||
}
|
||||
|
||||
/*一级导航隐藏*/
|
||||
.hc_lnav .allbtn ul{z-index:99999;position:absolute;background-color:#60a411;width:190px;display:none;height:486px;top:36px;left:0px}
|
||||
.hc_home .hc_lnav .allbtn ul{display:block}
|
||||
.hc_list .hc_lnav .allbtn ul{display:block}
|
||||
.hc_lnav .allbtn ul li{padding-bottom:7px;zoom:1;clear:both;cursor:default}
|
||||
.hc_lnav .allbtn ul li .tx{background-image:url(../images/header/header_bg1.png);line-height:35px;background-color:#559b0d;padding-left:10px;background-repeat:no-repeat;background-position:right center;height:35px;_background-image:none}
|
||||
.hc_lnav .allbtn ul li .tx a{font-family:微软雅黑, 黑体;color:#ffffff;font-size:14px;-webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}
|
||||
.hc_lnav .allbtn ul li .tx a i{line-height:25px;margin-top:5px;width:25px;background-position:0px 0px;float:left;height:25px;margin-right:10px;text-decoration:none}
|
||||
.hc_lnav .allbtn ul li.a1 .tx a i{background-image:url(../images/header_ico1.png)}
|
||||
.hc_lnav .allbtn ul li.a2 .tx a i{background-image:url(../images/header_ico2.png)}
|
||||
.hc_lnav .allbtn ul li.a3 .tx a i{background-image:url(../images/header_ico3.png)}
|
||||
.hc_lnav .allbtn ul li.a4 .tx a i{background-image:url(../images/header_ico4.png)}
|
||||
.hc_lnav .allbtn ul li dl{zoom:1;color:#ffffff;clear:both;overflow:auto;padding-top:4px}
|
||||
.hc_lnav .allbtn ul li dl a{line-height:22px;white-space:nowrap;float:left;color:#d9e7ce;margin-left:6px;margin-right:6px;-webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}
|
||||
.hc_lnav .allbtn ul li dt{padding-left:10px;width:30px;float:left;padding-top:1px}
|
||||
.hc_lnav .allbtn ul li dd{line-height:22px;width:150px;float:left;padding-top:2px}
|
||||
/*二级导航隐藏*/
|
||||
.hc_lnav .allbtn ul li .pop{border-bottom:#599900 2px solid;position:absolute;border-left:medium none;padding-bottom:10px;background-color:#fcfcfc;min-height:466px;padding-left:30px;width:640px;padding-right:30px;height:464px;border-top:medium none;top:0px;border-right:#599900 2px solid;padding-top:10px;left:190px;box-shadow:4px 4px 5px -1px #999999;-webkit-box-shadow:4px 4px 5px -1px #999999;-moz-box-shadow:4px 4px 5px -1px #999999}
|
||||
.hc_lnav .allbtn ul li .pop h3{display:none;font-size:14px}
|
||||
.hc_lnav .allbtn ul li .pop dl{padding-bottom:6px;color:#666666;padding-top:6px}
|
||||
.hc_lnav .allbtn ul li .pop dl:hover{background-color:#f3f3f3}
|
||||
.hc_lnav .allbtn ul li .pop dl a{color:#666666;margin-left:12px;margin-right:12px}
|
||||
.hc_lnav .allbtn ul li .pop dl a.un{color:#a5a5a5}
|
||||
.hc_lnav .allbtn ul li .pop dt{padding-left:0px;width:72px;}
|
||||
.hc_lnav .allbtn ul li .pop dd{width:565px;margin-left:-12px;}
|
||||
.hc_lnav .allbtn ul li .pop .act{width:640px;height:80px;overflow:hidden;padding-top:10px}
|
||||
|
||||
.hc_lnav .allbtn:hover ul{display:block}/*控制一级菜单显示隐藏*/
|
||||
.hc_lnav .allbtn ul li:hover{background-color:#fcfcfc}
|
||||
.hc_lnav .allbtn ul li:hover .tx{background-color:#f5f5f5}
|
||||
.hc_lnav .allbtn ul li:hover .tx a{color:#333333}
|
||||
.hc_lnav .allbtn ul li:hover .tx a i{background-position:0px -25px}
|
||||
|
||||
.hc_lnav .allbtn ul li:hover .pop{display:block;top:0px;left:190px}/*控制二级菜单显示隐藏*/
|
||||
.hc_lnav .allbtn ul li:hover .pop dl a.un{color:#a5a5a5;text-decoration:none}
|
||||
.hc_lnav .allbtn ul li:hover dl{color:#6e6e6e}
|
||||
.hc_lnav .allbtn ul li:hover a{color:#666666}
|
||||
.hc_lnav .allbtn ul li:hover a:hover{color:#cd0606}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
158
app/us/view/include/top-header20190828.phtml
Executable file
158
app/us/view/include/top-header20190828.phtml
Executable file
@@ -0,0 +1,158 @@
|
||||
<div class="nav">
|
||||
<div class="swt-Container overflow-f">
|
||||
<div class="all-logo position-r">
|
||||
<div class="logo logo-black"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
<div class="logo logo-white"><a href="__ORICOROOT__"><img src="/uploads/default/logo-white.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="all-logo-black position-r" style="display: none">
|
||||
<div class="logo"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<li id="index" class="products"><a href="__ORICOROOT__">HOME</a></li>
|
||||
<li id="nav1" class="products">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('product'); ?>" class="aons">Product & Service<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist" style="display: block">
|
||||
<dd class="listfl">
|
||||
<div class="navicon">
|
||||
<?php
|
||||
$oneLevelCategory = [];
|
||||
foreach ($productCategory as $k => $pc): if ($k > 7)
|
||||
break;
|
||||
if (isset($category['id']) && $category['id'] == $pc['id'])
|
||||
$oneLevelCategory = isset($pc['child']) ? $pc['child'] : [];
|
||||
?>
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>">
|
||||
<img src="<?php echo $pc['icon']; ?>">
|
||||
<p><?php echo $pc['name']; ?></p>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</dd>
|
||||
<dd class="listrh">
|
||||
<div class="navimg">
|
||||
<div class="liimg"><a href="__ORICOROOT__/Group/special"><img src="/uploads/allimg/p16281x144.jpg"></a>
|
||||
</div>
|
||||
<div class="navtit">
|
||||
<p class="ntit">Featured Products</p>
|
||||
<a href="__ORICOROOT__/Group/special"><img src="__PUBLIC__/web/images/jt.png"></a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="navimg">
|
||||
<div class="liimg"><a href="__ORICOROOT__/Group/odm"><img src="/uploads/allimg/img16281x144.jpg"></a>
|
||||
</div>
|
||||
<div class="navtit">
|
||||
<p class="ntit">OEM/ODM</p>
|
||||
<a href="__ORICOROOT__/Group/odm"><img src="__PUBLIC__/web/images/jt.png"></a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav2" class="products">
|
||||
<a href="#">Value & Mission<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/Group/weare">We Are</a>
|
||||
<a href="__ORICOROOT__/Group/wewill">We Will</a>
|
||||
<a href="__ORICOROOT__/Group/culture">Culture & Values</a>
|
||||
<a href="__ORICOROOT__/Group/vision">Mission & Vision</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd1.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3">
|
||||
<a href="#">History & Innovation<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist1">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">Brand News</a>
|
||||
<a href="__ORICOROOT__/Group/brand">Brand Course</a>
|
||||
<a href="__ORICOROOT__/Group/honor">Honors & Certificates</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd3.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<li id="nav4" class="products"><a href="__ORICOROOT__/Group/job">Join Us</a>
|
||||
</li>
|
||||
<li id="nav5" class="products"><a href="__ORICOROOT__/Group/Contact">Contact Us</a>
|
||||
</li>
|
||||
<li id="nav6" class="products"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>"><a href="#">technical support<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist3">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<div class="swt-Container">
|
||||
<p class="text-r"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">Driver Download</a></p>
|
||||
<p><a href="__ORICOROOT__/antifake">SSD Series Anti-Fake Query</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$( function () {
|
||||
|
||||
var $category = $( ".navlist" );
|
||||
$category.hide();
|
||||
$( ".navul li" ).mouseleave( function () {
|
||||
$( this ).children( "a" ).addClass( "aons" );
|
||||
$( ".nav" ).removeAttr("style");
|
||||
$( ".navul" ).find( "a" ).removeClass("menu_a");
|
||||
$( this ).find("span").removeClass("arrow-down");
|
||||
$(".all-logo").show();
|
||||
$(".all-logo-black").hide();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideUp( 500 );
|
||||
$( this ).children( "dl" ).stop().slideUp( 500 );
|
||||
|
||||
} );
|
||||
$( ".navul li" ).mouseenter( function () {
|
||||
$category.hide();
|
||||
$( ".nav" ).css("background-color", "#FFFFFF");
|
||||
$( ".navul" ).find( "a" ).addClass("menu_a");
|
||||
$(this).find("span").addClass("arrow-down");
|
||||
$(".all-logo").hide();
|
||||
$(".all-logo-black").show();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideDown( 500 );
|
||||
$( this ).children( "dl" ).stop().slideDown( 500 );
|
||||
} );
|
||||
//搜索框
|
||||
$( ".top-R span" ).click( function () {
|
||||
$( ".search" ).slideToggle();
|
||||
} );
|
||||
// 城市
|
||||
$( ".zg" ).click( function () {
|
||||
$( ".topnav" ).slideToggle(500);
|
||||
} );
|
||||
|
||||
$(".icon-close").click(function(){
|
||||
$( ".topnav" ).slideUp(500);
|
||||
})
|
||||
|
||||
} );
|
||||
|
||||
</script>
|
||||
114
app/us/view/include/top-header20191014.phtml
Executable file
114
app/us/view/include/top-header20191014.phtml
Executable file
@@ -0,0 +1,114 @@
|
||||
<div class="nav">
|
||||
<div class="swt-Container overflow-f">
|
||||
<div class="all-logo position-r">
|
||||
<div class="logo logo-black"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
<div class="logo logo-white"><a href="__ORICOROOT__"><img src="/uploads/default/logo-white.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="all-logo-black position-r" style="display: none">
|
||||
<div class="logo"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<li id="index" class="products"><a href="__ORICOROOT__">HOME</a></li>
|
||||
<li id="nav1" class="products">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('product'); ?>" class="aons">Product & Service<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist_c" style="display: block">
|
||||
<div class="swt-Container ca_list text-left">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : []
|
||||
?>
|
||||
<div class="ca_lists">
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $value['id']?>.html" class="nav_title"><span><?php echo $value['name']; ?></span></a>
|
||||
<div style="<?php if ($value['id'] != 75): ?> display: none <?php endif; ?>">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="two_nav_<?php echo $value['unique_id']; ?> two_nav">
|
||||
<div class="swt-Container">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt class="nav_list_title"><a href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><?php echo $v['name']; ?></a></dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['shortname']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
<div class="ca_list_line"></div>
|
||||
</div>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav2" class="products">
|
||||
<a href="#">Value & Mission<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/Group/weare">We Are</a>
|
||||
<a href="__ORICOROOT__/Group/wewill">We Will</a>
|
||||
<a href="__ORICOROOT__/Group/culture">Culture & Values</a>
|
||||
<a href="__ORICOROOT__/Group/vision">Mission & Vision</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd1.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3">
|
||||
<a href="#">History & Innovation<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist1">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">Brand News</a>
|
||||
<a href="__ORICOROOT__/Group/brand">Brand Course</a>
|
||||
<a href="__ORICOROOT__/Group/honor">Honors & Certificates</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd3.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<li id="nav4" class="products"><a href="__ORICOROOT__/Group/job">Join Us</a>
|
||||
</li>
|
||||
<li id="nav5" class="products"><a href="__ORICOROOT__/Group/Contact">Contact Us</a>
|
||||
</li>
|
||||
<li id="nav6" class="products"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>"><a href="#">technical support<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist3">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<div class="swt-Container">
|
||||
<p class="text-r"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">Driver Download</a></p>
|
||||
<p><a href="__ORICOROOT__/antifake">SSD Series Anti-Fake Query</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
138
app/us/view/include/top-header20210601.phtml
Executable file
138
app/us/view/include/top-header20210601.phtml
Executable file
@@ -0,0 +1,138 @@
|
||||
|
||||
<!--End mc_embed_signup-->
|
||||
<div class="nav">
|
||||
<div class="swt-Container overflow-f">
|
||||
<div class="all-logo position-r">
|
||||
<div class="logo logo-black"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
<div class="logo logo-white"><a href="__ORICOROOT__"><img src="/uploads/default/logo-white.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="all-logo-black position-r" style="display: none">
|
||||
<div class="logo"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<li id="index" class="products"><a href="__ORICOROOT__">HOME</a></li>
|
||||
<li id="nav1" class="products main_nav">
|
||||
<a href="__ORICOROOT__" class="aons">Product & Service<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist_c" style="display: block">
|
||||
<div class="swt-Container ca_list text-left">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<div class="ca_lists">
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $value['id']?>.html" class="nav_title one_category"><img src="<?php echo $value['m_icon']?>"><?php echo $value['name']; ?><i class="icon-r-arrow arrow_title"></i></a>
|
||||
<?php if ($have_3_child == 0): ?>
|
||||
<div class="two_nav two_nav_other" style="display: none;">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<div class=""><a href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a></div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php else: ?>
|
||||
<div style="<?php if ($key != 0): ?> display: none <?php endif; ?>">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="two_nav_<?php echo $value['id']; ?> two_nav">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt class="nav_list_title"><?php echo $v['name']; ?></dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><img src=""><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav2" class="products">
|
||||
<a href="#">Value & Mission<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/Group/weare">We Are</a>
|
||||
<a href="__ORICOROOT__/Group/wewill">We Will</a>
|
||||
<a href="__ORICOROOT__/Group/culture">Culture & Values</a>
|
||||
<a href="__ORICOROOT__/Group/vision">Mission & Vision</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd1.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3">
|
||||
<a href="#">History & Innovation<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist1">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">Brand News</a>
|
||||
<a href="__ORICOROOT__/Group/brand">Brand Course</a>
|
||||
<a href="__ORICOROOT__/Group/honor">Honors & Certificates</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd3.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<li id="nav4" class="products"><a href="__ORICOROOT__/Group/job">Join Us</a>
|
||||
</li>
|
||||
<li id="nav5" class="products"><a href="__ORICOROOT__/Group/Contact">Contact Us</a>
|
||||
</li>
|
||||
<li id="nav6" class="products"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>"><a href="#">technical support<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist3">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<div class="swt-Container">
|
||||
<p class="text-r"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">Driver Download</a></p>
|
||||
<p><a href="__ORICOROOT__/antifake">SSD Series Anti-Fake Query</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--首页google推广邮件插件 S-->
|
||||
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/700635880d96d1fc7777fba4b/09de753bf90231fdda6ba66eb.js");</script>
|
||||
<!--首页google推广邮件插件 E-->
|
||||
0
app/us/view/include/top.phtml
Executable file
0
app/us/view/include/top.phtml
Executable file
35
app/us/view/include/top_home.phtml
Executable file
35
app/us/view/include/top_home.phtml
Executable file
@@ -0,0 +1,35 @@
|
||||
<div class="top">
|
||||
<div class="swt-Container">
|
||||
<div class="top-R" style="vertical-align:bottom">
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="http://old.oricogroup.com">Old</a></span>
|
||||
<?php if(empty($customer_info)){ ?>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="__ORICOROOT__/register.html">Registry</a></span>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="__ORICOROOT__/login.html">Login</a></span>
|
||||
<?php }else{ ?>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="__ORICOROOT__/customer/personal.html">My Center</a></span>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="__ORICOROOT__/customer/new_logout.html">Sign Out</a></span>
|
||||
<?php }?>
|
||||
<span id="tuichu1"><a href="__ORICOROOT__/search.html">
|
||||
<!--<span class="icon-search" style="vertical-align:bottom; "></span>-->
|
||||
<!--<img src="__PUBLIC__/weben/images/indeximg/search.png">-->
|
||||
</a></span>
|
||||
<!--<div class="state zg"><img src="__PUBLIC__/weben/images/indeximg/checklanguage.png">-->
|
||||
<div class="top-country topnav" style="display: none;">
|
||||
<div class="swt-Container">
|
||||
<?php if(!empty($country_list)): ?>
|
||||
<ul>
|
||||
<?php foreach($country_list as $key => $value): ?>
|
||||
<?php if ($value['code'] != 'US'): ?>
|
||||
<li><a href="<?php echo $value['url']; ?>"><p class="countries <?php echo $value['code']; ?>"></p><p><?php echo $value['country_name']; ?></p></a></li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
614
app/us/view/include/tophome-header.phtml
Executable file
614
app/us/view/include/tophome-header.phtml
Executable file
@@ -0,0 +1,614 @@
|
||||
<div class="Container head-nav" class="scroll" >
|
||||
<div class="nav-1">
|
||||
<!--<img src="__PUBLIC__/weben/images/indeximg/logo-white.png" >-->
|
||||
<a href="__ORICOROOT__"> <div id="top-logo"></div></a>
|
||||
</div>
|
||||
<div class="wrapper nav-2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
<!-- <li class="navItem">
|
||||
<a class="acolor" href="#" title="New Arrival">New Arrival</a>
|
||||
</li> -->
|
||||
<li class="navItem allbtn tabs-vertical">
|
||||
<a class="acolor" href="#" title="Products">Products</a>
|
||||
<div class="downimg"></div>
|
||||
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<div class="navContent jspop">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $kp => $cate):?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $cate['id']?>.html" class="tab-active" data-index="<?php echo $kp; ?>" ><?php echo $cate['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<div class="tabs-content-placeholder">
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="tabs-content-placeholder-div tab-content-active">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt>
|
||||
<a class="ui-link" href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a>
|
||||
</dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php
|
||||
if ($nav_header): ?>
|
||||
<?php
|
||||
foreach ($nav_header as $kn => $nav):
|
||||
if(strpos($nav['url'], 'http://') !== false || strpos($nav['url'], 'https://') !== false) {
|
||||
$link = $nav['url'];
|
||||
}
|
||||
else{
|
||||
if($nav['url']){
|
||||
$link = '__ORICOROOT__/'.$nav['url'];
|
||||
}
|
||||
else{
|
||||
$link = '#';
|
||||
}
|
||||
}
|
||||
if($kn < 7):
|
||||
?>
|
||||
|
||||
<li class="navItem">
|
||||
|
||||
<a class="acolor" <?php if($nav['is_new_window_open']){echo "target='_blank'";} ?> href="<?php echo $link; ?>" title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
|
||||
|
||||
|
||||
<?php if (!empty($nav['items'])): ?>
|
||||
<div class="downimg"></div>
|
||||
<ol class="navContent navContent1">
|
||||
|
||||
<?php foreach ($nav['items'] as $kt => $child):
|
||||
if(strpos($child['url'], 'http://') !== false || strpos($child['url'], 'https://') !== false) {
|
||||
$childLink = $child['url'];
|
||||
}
|
||||
else{
|
||||
$childLink = '__ORICOROOT__/'.$child['url'];
|
||||
}
|
||||
?>
|
||||
<li >
|
||||
<a href="<?php echo $childLink; ?>" <?php if($child['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $child['name']; ?>" ><?php echo $child['name']; ?></a>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="nav-3">
|
||||
<div>
|
||||
<!--<img class="openModalBtn" src="__PUBLIC__/weben/images/indeximg/search.png" class="searchimg">-->
|
||||
<div class="openModalBtn" class=""></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<!--<img src="__PUBLIC__/weben/images/indeximg/checklanguage.png" class="checkimg" id="countrycheck">-->
|
||||
<div class="countrycheck" class=""></div>
|
||||
<div id="top-country" class="hidden">
|
||||
<ul>
|
||||
<li class="desktopli1">
|
||||
<span class="close-btn1" id="closeModalBtn1">×</span>
|
||||
</li>
|
||||
<a href="https://www.orico.com.cn/" class="cn" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/CN.png" /></div>
|
||||
<div class="desktop-10">China - 中文简体</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/us" class="ca" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/US.png" /></div>
|
||||
<div class="desktop-10">USA - English</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricobr.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/BR.png" /></div>
|
||||
<div class="desktop-10">Brazil - português</div>
|
||||
</li></a>
|
||||
<a href="https://www.ORICOPERU.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/MX.png" /></div>
|
||||
<div class="desktop-10">Peru - español</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/th" class="hk" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TH.png" /></div>
|
||||
<div class="desktop-10">Thailand - ไทย</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/id" class="jp" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/ID.png" /></div>
|
||||
<div class="desktop-10">Indonesia - bahasa Indonesia</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/vn" class="kr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/VN.png" /></div>
|
||||
<div class="desktop-10">Vietnam - Tiếng Việt</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.shop/" class="be" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/NL.png" /></div>
|
||||
<div class="desktop-10">Netherlands - English</div>
|
||||
</li></a>
|
||||
<a href="http://www.oricoturkiye.com/" class="tr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TR.png" /></div>
|
||||
<div class="desktop-10">Turkiye - Türkçe</div>
|
||||
</li></a>
|
||||
<a href="https://orico-iran.ir" class="bh" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/IR.png" /></div>
|
||||
<div class="desktop-10">Iran - فارسی</div>
|
||||
</li></a>
|
||||
<a href="http://www.orico.com.au/ " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/AU.png" /></div>
|
||||
<div class="desktop-10">Australia - English</div>
|
||||
</li></a>
|
||||
<a href="https://orico-russia.ru " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/countries/RU.png" /></div>
|
||||
<div class="desktop-10">Russia - Россия</div>
|
||||
</li></a>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="Container head-nav fixednav" style="display:none" >
|
||||
<div class="nav-1">
|
||||
<!--<img src="__PUBLIC__/weben/images/indeximg/logo-white.png" >-->
|
||||
<a href="__ORICOROOT__"> <div id="top-logo"></div></a>
|
||||
</div>
|
||||
<div class="wrapper nav-2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
<!-- <li class="navItem">
|
||||
<a class="acolor" href="#" title="New Arrival">New Arrival</a>
|
||||
</li> -->
|
||||
<li class="navItem allbtn tabs-vertical" >
|
||||
<a class="acolor" href="#" title="Products">Products</a>
|
||||
<div class="downimg"></div>
|
||||
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<div class="navContent jspop">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $kp => $cate):?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $cate['id']?>.html" class="tab-active" data-index="<?php echo $kp; ?>" ><?php echo $cate['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<div class="tabs-content-placeholder">
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="tabs-content-placeholder-div tab-content-active">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt>
|
||||
<a class="ui-link" href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a>
|
||||
</dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php
|
||||
if ($nav_header): ?>
|
||||
<?php
|
||||
foreach ($nav_header as $kn => $nav):
|
||||
if(strpos($nav['url'], 'http://') !== false || strpos($nav['url'], 'https://') !== false) {
|
||||
$link = $nav['url'];
|
||||
}
|
||||
else{
|
||||
if($nav['url']){
|
||||
$link = '__ORICOROOT__/'.$nav['url'];
|
||||
}
|
||||
else{
|
||||
$link = '#';
|
||||
}
|
||||
}
|
||||
if($kn < 7):
|
||||
?>
|
||||
|
||||
<li class="navItem">
|
||||
|
||||
<a class="acolor" <?php if($nav['is_new_window_open']){echo "target='_blank'";} ?> href="<?php echo $link; ?>" title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
|
||||
|
||||
|
||||
<?php if (!empty($nav['items'])): ?>
|
||||
<div class="downimg"></div>
|
||||
<ol class="navContent navContent1">
|
||||
|
||||
<?php foreach ($nav['items'] as $kt => $child):
|
||||
if(strpos($child['url'], 'http://') !== false || strpos($child['url'], 'https://') !== false) {
|
||||
$childLink = $child['url'];
|
||||
}
|
||||
else{
|
||||
$childLink = '__ORICOROOT__/'.$child['url'];
|
||||
}
|
||||
?>
|
||||
<li >
|
||||
<a href="<?php echo $childLink; ?>" <?php if($child['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $child['name']; ?>" ><?php echo $child['name']; ?></a>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="nav-3">
|
||||
<div>
|
||||
<!--<img class="openModalBtn" src="__PUBLIC__/weben/images/indeximg/search.png" class="searchimg">-->
|
||||
<div class="openModalBtn" class=""></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<!--<img src="__PUBLIC__/weben/images/indeximg/checklanguage.png" class="checkimg" id="countrycheck">-->
|
||||
<div class="countrycheck" class=""></div>
|
||||
<div id="top-country" class="hidden">
|
||||
<ul>
|
||||
<li class="desktopli1">
|
||||
<span class="close-btn1" id="closeModalBtn1">×</span>
|
||||
</li>
|
||||
<a href="https://www.orico.com.cn/" class="cn" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/CN.png" /></div>
|
||||
<div class="desktop-10">China - 中文简体</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/us" class="ca" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/US.png" /></div>
|
||||
<div class="desktop-10">USA - English</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricobr.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/BR.png" /></div>
|
||||
<div class="desktop-10">Brazil - português</div>
|
||||
</li></a>
|
||||
<a href="https://www.ORICOPERU.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/MX.png" /></div>
|
||||
<div class="desktop-10">Peru - español</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/th" class="hk" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TH.png" /></div>
|
||||
<div class="desktop-10">Thailand - ไทย</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/id" class="jp" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/ID.png" /></div>
|
||||
<div class="desktop-10">Indonesia - bahasa Indonesia</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/vn" class="kr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/VN.png" /></div>
|
||||
<div class="desktop-10">Vietnam - Tiếng Việt</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.shop/" class="be" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/NL.png" /></div>
|
||||
<div class="desktop-10">Netherlands - English</div>
|
||||
</li></a>
|
||||
<a href="http://www.oricoturkiye.com/" class="tr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TR.png" /></div>
|
||||
<div class="desktop-10">Turkiye - Türkçe</div>
|
||||
</li></a>
|
||||
<a href="https://orico-iran.ir" class="bh" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/IR.png" /></div>
|
||||
<div class="desktop-10">Iran - فارسی</div>
|
||||
</li></a>
|
||||
<a href="http://www.orico.com.au/ " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/AU.png" /></div>
|
||||
<div class="desktop-10">Australia - English</div>
|
||||
</li></a>
|
||||
<a href="https://orico-russia.ru " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/countries/RU.png" /></div>
|
||||
<div class="desktop-10">Russia - Россия</div>
|
||||
</li></a>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="modal" class="modal">
|
||||
<div class="modal-content Search">
|
||||
<span class="close-btn" id="closeModalBtn">×</span>
|
||||
<input type="text" name="keywords" id="search-in" value="" />
|
||||
<div id="search" class="search_content search_default"></div>
|
||||
<div class="modal_1">
|
||||
<p class="tit1">Search History</p>
|
||||
<div>
|
||||
<ul>
|
||||
<?php
|
||||
$historyList = getBannerList(79, 5);
|
||||
if ($historyList):
|
||||
?>
|
||||
<?php foreach ($historyList as $kh => $history): ?>
|
||||
<li><a href="<?php echo $history['url']; ?>"><?php echo $history['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal_2">
|
||||
<p class="tit1">Popular Products</p>
|
||||
<?php
|
||||
if ($popular_list):
|
||||
?>
|
||||
<?php foreach ($popular_list as $kp => $popular): ?>
|
||||
|
||||
<div class="picture21">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('productdetail', ['id' => $popular['id']]); ?>"><img title="<?php echo $popular['name']; ?>" class="picture21-img" src="<?php echo getImage($popular['list_bk_img']); ?>"></a>
|
||||
<div class="title" title="<?php echo $popular['name']; ?>"> <p><?php echo $popular['name']; ?></p></div>
|
||||
<div class="subtitle"><?php echo $popular['shortname']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<!-- 这里可以放置表单、其他内容等 -->
|
||||
</div>
|
||||
</div>
|
||||
<!--导航固定滚动-->
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
var nav = $('fixednav') //得到导航对象
|
||||
var win = $(window) //得到窗口对象
|
||||
var sc = $(document) //得到document文档对象。
|
||||
var clinetHeight = $(document.body).height()
|
||||
var availHeight = $(window).height() + 60
|
||||
win.scroll(function () {
|
||||
if (clinetHeight >= availHeight) {
|
||||
if (sc.scrollTop() > 60) {
|
||||
$('.fixednav').show()
|
||||
// $(".bg_white_nav").hide();
|
||||
} else {
|
||||
$('.fixednav').hide()
|
||||
// $(".bg_white_nav").show();
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
var widget = $('.tabs-vertical');
|
||||
var tabs = widget.find(' ul a'),
|
||||
content = widget.find('.tabs-content-placeholder-div');
|
||||
tabs.on('mouseover', function (e) {
|
||||
e.preventDefault();
|
||||
// Get the data-index attribute, and show the matching content div
|
||||
var index = $(this).data('index');
|
||||
tabs.removeClass('tab-active');
|
||||
content.removeClass('tab-content-active');
|
||||
$(this).addClass('tab-active');
|
||||
content.eq(index).addClass('tab-content-active');
|
||||
});
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$('.countrycheck').click(function() {
|
||||
$('#top-country').toggleClass('hidden');
|
||||
});
|
||||
$('#closeModalBtn1').click(function() {
|
||||
$('#top-country').toggleClass('hidden');
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
// 点击打开按钮显示弹出框
|
||||
$('.openModalBtn').click(function() {
|
||||
$('#modal').fadeIn();
|
||||
});
|
||||
// 点击关闭按钮或背景模态框，隐藏弹出框
|
||||
$('#closeModalBtn, .modal').click(function() {
|
||||
$('#modal').fadeOut();
|
||||
});
|
||||
// 防止点击弹出框内容时关闭弹出框
|
||||
$('.modal-content').click(function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
|
||||
/************搜索****************/
|
||||
$(function() {
|
||||
var search_input = $(".Search input");
|
||||
var search_content = $(".search_content");
|
||||
$(search_input).on("keyup", function(e){
|
||||
$("#search-in").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
var keywords = $("#search-in").val();
|
||||
var href = "<?php echo url('/us/search'); ?>?skeyword=" + encodeURIComponent(keywords);
|
||||
location.href = href;
|
||||
$("#modal").hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(".search_content").bind("click", function(event) {
|
||||
|
||||
var skeyword = $(".Search input").val();
|
||||
if(skeyword){
|
||||
var href = "<?php echo url('/us/search'); ?>?skeyword=" + encodeURIComponent(skeyword);
|
||||
location.href = href;
|
||||
}
|
||||
else{
|
||||
var href = "<?php echo url('/us/search'); ?>";
|
||||
location.href = href;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
$(".scroll").mouseover(function(event) {
|
||||
$(this).addClass("colorw");
|
||||
$(".acolor").addClass("colorb");
|
||||
$("#top-logo").addClass("backmove");
|
||||
$(".downimg").addClass("backmove1");
|
||||
$(".openModalBtn").addClass("backmove2");
|
||||
$(".countrycheck").addClass("backmove2");
|
||||
});
|
||||
$(".scroll").mouseleave(function(event) {
|
||||
$(this).removeClass("colorw");
|
||||
$(".acolor").removeClass("colorb");
|
||||
$("#top-logo").removeClass("backmove");
|
||||
$(".downimg").removeClass("backmove1");
|
||||
$(".openModalBtn").removeClass("backmove2");
|
||||
$(".countrycheck").removeClass("backmove2");
|
||||
// console.log('asdasdasdsad')
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.fixednav {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
z-index: 99;
|
||||
background:#000;}
|
||||
.head-nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
/* height: 60px; */
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.colorw{
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
.colorb{
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.backmove{
|
||||
background: url('__PUBLIC__/weben/images/indeximg/toplogo.png') no-repeat !important;
|
||||
background-position:0px -38px !important;
|
||||
}
|
||||
.backmove1{
|
||||
background-position:0px -12px !important;
|
||||
}
|
||||
.backmove2{
|
||||
background-position:0px -24px !important;
|
||||
}
|
||||
|
||||
.downimg:hover{
|
||||
width: 12px;
|
||||
height:12px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/jtdown1.png') no-repeat;
|
||||
background-position:0px -12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.downimg{
|
||||
width: 12px;
|
||||
height:12px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/jtdown1.png') no-repeat;
|
||||
background-position:0px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#top-logo{
|
||||
width: 148px;
|
||||
height: 38px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/toplogo.png') no-repeat;
|
||||
background-position:0px 0px;
|
||||
float: right;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.openModalBtn{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/topsearch.png') no-repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.countrycheck{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/toplanguage.png') no-repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -12px;
|
||||
}
|
||||
#search-in{
|
||||
margin-left: 10%;
|
||||
margin-top: 5%;
|
||||
width: 80%;
|
||||
height: 44px;
|
||||
border: 1px solid grey;
|
||||
border-radius:22px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/sousuo1.png') no-repeat;
|
||||
background-position: 95% 50%;
|
||||
padding-left: 5%;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user