File: /www/wwwroot/www.scdc-marine.com/wp-content/themes/heku-cms/TempParts/Main/TopBanner/top_banner.php
<?php
use Heku\HekuClass\View\MenuBanner;
/**
* 网站的顶部 菜单和banner 整合在一起是应为部分 模板是是内嵌的
*/
$banner_group = MenuBanner::get_banner_array();
// $banner_group2 = heku_get_option('template_main','banner_fliter_group');
//var_dump($banner_group);
if(!empty($banner_group)){ ?>
<div id="heku_top_banner">
<div id="Carousel_Banner" class="carousel slide carousel-slider <?php echo ( is_home() ? 'home_banner' : ''); ?>" data-ride="carousel" >
<?php if(count($banner_group) > 1){ // 如果banner图片 只有一张不显示，左右控制按钮 ?>
<ol class="carousel-indicators banner-indicators">
<!-- / end banner-indicators call -->
<?php foreach ($banner_group as $key => $value) {
if(isset($value['slider_type'])){ ?>
<li data-target="#Carousel_Banner" data-slide-to="<?php echo $key;?>" class="<?php echo (( $key == '0')? 'active' : ''); ?>"></li>
<?php }
} ?>
<!-- / end banner-indicators call -->
</ol>
<?php } // 如果banner图片 只有一张不显示，左右控制按钮 ?>
<div class="carousel-inner">
<!-- / end banner-inner call -->
<?php foreach ($banner_group as $key => $value) {
if( isset( $value['slider_type'] ) && ( $value['slider_type'] == "home_banner-1" ) || ( $value['slider_type'] == "home_banner-2" )){ // Banner 展示样式 1 必须有的视频背资源景 ?>
<div class="carousel-item banner_bg <?php echo (( $key == '0')? 'active' : '');?>" data-interval="4000" >
<div class="background-overlay"></div>
<?php if(isset($value['banner_bg_video'] )&& $value['banner_bg_video']){ ?>
<div class="banner-video" >
<video autoplay="autoplay" loop="loop" muted="true" type="video/mp4" poster="<?php echo $value['banner_bg_img'];?>" class="video-js heku-video">
<source src="<?php echo $value['banner_bg_video'];?>">
</video>
</div>
<?php }elseif(isset($value['banner_bg_img'] )&& $value['banner_bg_img']){ ?>
<div class="banner-img" >
<img src="<?php echo $value['banner_bg_img'];?>" alt="banner bg" >
</div>
<?php }
if( isset( $value['slider_type'] ) && ( $value['slider_type'] == "home_banner-1" )){ // 首页 Banner-1 样式 ?>
<div class="d-flex align-items-center banner-content banner_one_content">
<div class="container">
<div class="row no-gutters ">
<div class="slider-content align-items-center">
<h1 class="wow fadeInUpBig banner-content-h1" data-wow-duration="1s" >
VIT Technology
</h1>
<div class="wow fadeInUpBig banner-text1" data-wow-delay="0.3s">
Comprehensive service expert for <span class="wow fadeInUpBig focus" style="">Smart</span> Industry
</div>
<div class=" wow fadeInUpBig banner-text2" data-wow-delay="0.8s" >
<span class="pr-2 wow slideInRight" >Predictive Maintenance</span> | <span class="px-2 wow slideInRight">Power Consumption Optimization</span> | <span class="px-2 wow fadeInUpBig">Quality Control</span> | <span class="pr-2 wow fadeInUpBig">Energy Conservatio</span>
</div>
<div class="slider_btn wow fadeInUpBig pt-4 pb-5" data-wow-delay="1.2s">
<a href="#Heku_Form_Model" class="heku-btn heku-btn-transparent tag_view" data-tagvale="6" data-toggle="modal" data-target="#Heku_Form_Model">Get a quote</a>
</div>
</div>
</div>
</div>
</div>
<?php }
elseif( isset( $value['slider_type'] ) && ( $value['slider_type'] == "home_banner-2" )){ // 首页 Banner-2 样式 ?>
<div class="d-flex align-items-center banner-content banner_two_content ">
<div class="container">
<div class="row">
<div class="slider-content align-items-center">
<h1 class="wow fadeInUpBig banner-content-h1">
<?php echo $value['banner_title1'];?>
</h1>
<div class="pt-4 pb-3 wow fadeInUpBig banner-text1" data-wow-delay="0.3s">
<span class="wow fadeInUpBig" style=""> <?php echo $value['banner_title2'];?></span>
</div>
<div class="slider_btn wow fadeInUpBig pt-4 pb-5" data-wow-delay=".8s">
<a href="#Heku_Form_Model" class="heku-btn heku-btn-transparent tag_view" data-tagvale="6" data-toggle="modal" data-target="#Heku_Form_Model">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<?php }
elseif( isset( $value['slider_type'] ) && ( $value['slider_type'] == "home_banner-3" )){ // 首页 Banner-2 样式 ?>
<div class="d-flex align-items-center banner-content banner_two_content ">
<div class="container">
<div class="row">
<div class="slider-content align-items-center">
<h1 class="wow fadeInUpBig banner-content-h1">
<?php echo $value['banner_title1'];?>
</h1>
<div class="pt-4 pb-3 wow fadeInUpBig banner-text1" data-wow-delay="0.3s">
<span class="wow fadeInUpBig" style=""> <?php echo $value['banner_title2'];?></span>
</div>
<div class="slider_btn wow fadeInUpBig pt-4 pb-5" data-wow-delay=".8s">
<a href="#Heku_Form_Model" class="heku-btn heku-btn-transparent tag_view" data-tagvale="6" data-toggle="modal" data-target="#Heku_Form_Model">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<?php } // 首页 Banner 样式 home-banner
elseif( isset( $value['slider_type'] ) && ( $value['slider_type'] == "home_banner-33" )){ // Banner 展示样式 2 ?>
<div class="carousel-item banner_right_bgimg <?php echo (( $key == '0')? 'active' : '');?>" data-interval="9000">
<div class="background-overlay"></div>
<?php if(isset($value['banner_bg_video'] )&& $value['banner_bg_video']){ ?>
<div class="banner-video" >
<video autoplay="autoplay" loop="loop" muted="true" type="video/mp4" poster="" class="video-js heku-video">
<source src="<?php echo $value['banner_bg_video'];?>">
</video>
</div>
<?php }elseif(isset($value['banner_bg_img'] )&& $value['banner_bg_img']){ ?>
<div class="banner-img" >
<img src="<?php echo $value['banner_bg_img'];?>" alt="banner bg" >
</div>
<?php } ?>
<div class="d-flex align-items-center banner-content banner_two_content ">
<div class="container">
<div class="row">
<div class="slider-content align-items-center">
<h1 class="wow fadeInUpBig banner-content-h1">
<?php echo $value['banner_title1'];?>
</h1>
<div class="pt-4 pb-3 wow fadeInUpBig banner-text1" data-wow-delay="0.3s">
<span class="wow fadeInUpBig" style=""> <?php echo $value['banner_title2'];?></span>
</div>
<div class="slider_btn wow fadeInUpBig pt-4 pb-5" data-wow-delay=".8s">
<a href="#Heku_Form_Model" class="heku-btn heku-btn-transparent tag_view" data-tagvale="6" data-toggle="modal" data-target="#Heku_Form_Model">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<?php } // Banner 样式 2
elseif( isset( $value['slider_type'] ) && ( $value['slider_type'] == "news_banner-1" )){ // News 展示样式 3 ?>
<div class="carousel-item news-banner <?php echo (( $key == '0')? 'active' : '');?>" data-interval="4000">
<div class="background-overlay"></div>
<?php if(isset($value['banner_bg_video'] )&& $value['banner_bg_video']){ ?>
<div class="banner-video" >
<video autoplay="autoplay" loop="loop" muted="true" type="video/mp4" poster="" class="video-js heku-video">
<source src="<?php echo $value['banner_bg_video'];?>">
</video>
</div>
<?php }elseif(isset($value['banner_bg_img'] )&& $value['banner_bg_img']){ ?>
<div class="banner-img" >
<img src="<?php echo $value['banner_bg_img'];?>" alt="banner bg" >
</div>
<?php } ?>
<div class="banner-content mt-3 d-flex align-items-center" >
<div class="container">
<div class="slider-content1 align-items-center text-center">
<h1 class="slider-content-title wow fadeInUpBig " data-wow-duration="1s" data-wow-delay="0.3s"><?php echo $value['banner_title1'];?></h1>
<div class="slider-content-des wow fadeInUpBig pt-2" data-wow-duration="1s" data-wow-delay="0.5s"><?php echo $value['banner_title2'];?></div>
</div>
</div>
</div>
</div>
<?php } // Banner 样式 3
elseif( isset( $value['slider_type'] ) && ( $value['slider_type'] == "product_banner-none" )){ // News 展示样式 3 ?>
<div class="carousel-item news-banner <?php echo (( $key == '0')? 'active' : '');?>" data-interval="4000">
<div class="background-overlay"></div>
<?php if(isset($value['banner_bg_video'] )&& $value['banner_bg_video']){ ?>
<div class="banner-video" >
<video autoplay="autoplay" loop="loop" muted="true" type="video/mp4" poster="" class="heku-video">
<source src="<?php echo $value['banner_bg_video'];?>">
</video>
</div>
<?php }elseif(isset($value['banner_bg_img'] )&& $value['banner_bg_img']){ ?>
<div class="banner-img" >
<img src="<?php echo $value['banner_bg_img'];?>" alt="banner bg" >
</div>
<?php } ?>
<div class="banner-content d-flex align-items-center" >
</div>
</div>
<?php } // Banner 样式 3
elseif( isset( $value['slider_type'] ) && ( $value['slider_type'] == "contact_banner-1" )){ // News 展示样式 3 ?>
<div class="carousel-item news-banner <?php echo (( $key == '0')? 'active' : '');?>" data-interval="4000">
<div class="background-overlay"></div>
<?php if(isset($value['banner_bg_video'] )&& $value['banner_bg_video']){ ?>
<div class="banner-video" >
<video autoplay="autoplay" loop="loop" muted="true" type="video/mp4" poster="" class="heku-video">
<source src="<?php echo $value['banner_bg_video'];?>">
</video>
</div>
<?php }elseif(isset($value['banner_bg_img'] )&& $value['banner_bg_img']){ ?>
<div class="banner-img" >
<img src="<?php echo $value['banner_bg_img'];?>" alt="banner bg" >
</div>
<?php } ?>
<div class="banner-content mt-3 d-flex align-items-center" >
<div class="container">
<div class="slider-content1 align-items-center text-center">
<h1 class="slider-content-title wow fadeInUpBig " data-wow-duration="1s" data-wow-delay="0.3s"><?php echo $value['banner_title1'];?></h1>
<div class="slider-content-des wow fadeInUpBig pt-2" data-wow-duration="1s" data-wow-delay="0.5s"><?php echo $value['banner_title2'];?></div>
</div>
</div>
</div>
</div>
<?php } // Banner 样式 3
elseif( isset( $value['slider_type'] ) && ( $value['slider_type'] == "solution-banner-1" )){ // News 展示样式 3 ?>
<div class="carousel-item solution-banner <?php echo (( $key == '0')? 'active' : '');?>" data-interval="4000">
<div class="background-overlay"></div>
<?php if(isset($value['banner_bg_video'] )&& $value['banner_bg_video']){ ?>
<div class="banner-video" >
<video autoplay="autoplay" loop="loop" muted="true" type="video/mp4" poster="" class="video-js heku-video">
<source src="<?php echo $value['banner_bg_video'];?>">
</video>
</div>
<?php }elseif(isset($value['banner_bg_img'] )&& $value['banner_bg_img']){ ?>
<div class="banner-img" >
<img src="<?php echo $value['banner_bg_img'];?>" alt="banner bg" >
</div>
<?php } ?>
<div class="banner-content mb-5 d-flex align-items-center" >
<div class="container">
<div class="slider-content1 align-items-center text-center">
<h1 class="slider-content-title wow fadeInUpBig " data-wow-duration="1s" data-wow-delay="0.3s"><?php echo $value['banner_title1'];?></h1>
<div class="slider-content-des wow fadeInUpBig pt-4" data-wow-duration="1s" data-wow-delay="0.5s"><?php echo $value['banner_title2'];?></div>
</div>
</div>
</div>
</div>
<?php } // Banner 样式 3
elseif( isset( $value['slider_type'] ) ){ // Banner 展示样式 3 //Banner 展示样式 4 视频背景 ?>
<div class="carousel-item news-banner <?php echo (( $key == '0')? 'active' : '');?>" data-interval="4000">
<div class="background-overlay"></div>
<?php if(isset($value['banner_bg_video'] )&& $value['banner_bg_video']){ ?>
<div class="banner-video" >
<video autoplay="autoplay" loop="loop" muted="true" type="video/mp4" poster="" class="video-js heku-video">
<source src="<?php echo $value['banner_bg_video'];?>">
</video>
</div>
<?php }elseif(isset($value['banner_bg_img'] )&& $value['banner_bg_img']){ ?>
<div class="banner-img" >
<img src="<?php echo $value['banner_bg_img'];?>" alt="banner bg" >
</div>
<?php } ?>
<div class="banner-content mt-3 d-flex align-items-center" >
<div class="container">
<div class="slider-content1 align-items-center text-center">
<h1 class="slider-content-title wow fadeInUpBig " data-wow-duration="1s" data-wow-delay="0.3s"><?php echo $value['banner_title1'];?></h1>
<div class="slider-content-des wow fadeInUpBig pt-2" data-wow-duration="1s" data-wow-delay="0.5s"><?php echo $value['banner_title2'];?></div>
</div>
</div>
</div>
</div>
<?php } // Banner 样式 4
} // $banner_group 循环结束 ?>
<!-- / end banner-inner call -->
</div>
<?php if( count($banner_group) > 1){ // 如果banner图片 只有一张不显示，左右控制按钮 ?>
<div class="carousel-control-prev">
<a href="#Carousel_Banner" role="button" aria-label="prev" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
</div>
<div class="carousel-control-next">
<a href="#Carousel_Banner" role="button" aria-label="next" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
<?php } // 如果banner图片 只有一张不显示，左右控制按钮 ?>
</div>
</div>
<?php
} //var_dump($banner_group2);
// 不显示 #heku_top_banner 模块
?>