@ -1,14 +1,16 @@
<?php if ( ! empty ( $recommands [ 'Tour A' ]) || ! empty ( $recommands [ 'Tour B' ]) || ! empty ( $recommands [ 'Tour C' ]) || ! empty ( $recommands [ 'Tour D' ])) { ?>
< h2 style = "text-align: center; margin-top:0; "> Get Inspired with Some Popular Itineraries< / h2 >
< h2 style = "text-align: center; "> Get Inspired with Some Popular Itineraries< / h2 >
< div class = "swiper" id = 'tourSwiper' >
< div class = "swiper-wrapper" >
< div class = "table-responsive" >
< table class = "hotels" >
< tbody >
< tr >
<?php if ( ! empty ( $recommands [ 'Tour A' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Tour A' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo $recommands [ 'Tour A' ] -> mobile_photo ; ?> "
@ -18,14 +20,14 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Tour A' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Tour A' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Tour B' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Tour B' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo $recommands [ 'Tour B' ] -> mobile_photo ; ?> "
@ -35,13 +37,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Tour B' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Tour B' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Tour C' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Tour C' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo $recommands [ 'Tour C' ] -> mobile_photo ; ?> "
@ -51,13 +53,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Tour C' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Tour C' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Tour D' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Tour D' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo $recommands [ 'Tour D' ] -> mobile_photo ; ?> "
@ -67,13 +69,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Tour D' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Tour D' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Tour E' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Tour E' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo $recommands [ 'Tour E' ] -> mobile_photo ; ?> "
@ -83,13 +85,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Tour E' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Tour E' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Tour F' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Tour F' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo $recommands [ 'Tour F' ] -> mobile_photo ; ?> "
@ -99,13 +101,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Tour F' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Tour F' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Tour G' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Tour G' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo $recommands [ 'Tour G' ] -> mobile_photo ; ?> "
@ -115,13 +117,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Tour G' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Tour G' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Tour H' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Tour H' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo $recommands [ 'Tour H' ] -> mobile_photo ; ?> "
@ -131,32 +133,31 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Tour H' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Tour H' ] -> ic_title ; ?> </ a >
< / div >
< / div >
< / div >
<?php } ?>
< / td >
< / div
< div class = "swiper-button-next" id = 'tour-swiper-button-next' > < / div >
< div class = "swiper-button-prev" id = 'tour-swiper-button-prev' > < / div >
< div class = "swiper-pagination" id = 'tour-swiper-pagination' > < / div >
<?php } ?>
< / tr >
< / tbody >
< / table >
< / div >
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Article A' ]) || ! empty ( $recommands [ 'Article B' ]) || ! empty ( $recommands [ 'Article C' ]) || ! empty ( $recommands [ 'Article D' ])) { ?>
< h2 style = "text-align: center; margin-top:0;" > More Travel Ideas and Inspiration< / h2 >
< div class = "swiper" id = 'articleSwiper' >
< div class = "swiper-wrapper" >
<?php if ( ! empty ( $recommands [ 'Article A' ]) || ! empty ( $recommands [ 'Article B' ]) || ! empty ( $recommands [ 'Article C' ]) || ! empty ( $recommands [ 'Article D' ])) { ?>
< h2 style = "text-align: center; " > More Travel Ideas and Inspiration< / h2 >
< div class = "table-responsive" >
< table class = "hotels" >
< tbody >
< tr >
<?php if ( ! empty ( $recommands [ 'Article A' ])) { ?>
< div class = "swiper-slide" >
< div class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Article A' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo empty ( $recommands [ 'Article A' ] -> mobile_photo ) ? $recommands [ 'Article A' ] -> ic_photo_img : $recommands [ 'Article A' ] -> mobile_photo ; ?> "
@ -165,13 +166,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Article A' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Article A' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Article B' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Article B' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo empty ( $recommands [ 'Article B' ] -> mobile_photo ) ? $recommands [ 'Article B' ] -> ic_photo_img : $recommands [ 'Article B' ] -> mobile_photo ; ?> "
@ -180,13 +181,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Article B' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Article B' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Article C' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Article C' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo empty ( $recommands [ 'Article C' ] -> mobile_photo ) ? $recommands [ 'Article C' ] -> ic_photo_img : $recommands [ 'Article C' ] -> mobile_photo ; ?> "
@ -195,13 +196,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Article C' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Article C' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Article D' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Article D' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo empty ( $recommands [ 'Article D' ] -> mobile_photo ) ? $recommands [ 'Article D' ] -> ic_photo_img : $recommands [ 'Article D' ] -> mobile_photo ; ?> "
@ -210,13 +211,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Article D' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Article D' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Article E' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Article E' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo empty ( $recommands [ 'Article E' ] -> mobile_photo ) ? $recommands [ 'Article E' ] -> ic_photo_img : $recommands [ 'Article E' ] -> mobile_photo ; ?> "
@ -225,13 +226,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Article E' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Article E' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Article F' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Article F' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo empty ( $recommands [ 'Article F' ] -> mobile_photo ) ? $recommands [ 'Article F' ] -> ic_photo_img : $recommands [ 'Article F' ] -> mobile_photo ; ?> "
@ -240,13 +241,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Article F' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Article F' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Article G' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Article G' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo empty ( $recommands [ 'Article G' ] -> mobile_photo ) ? $recommands [ 'Article G' ] -> ic_photo_img : $recommands [ 'Article G' ] -> mobile_photo ; ?> "
@ -255,13 +256,13 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Article G' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Article G' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
<?php if ( ! empty ( $recommands [ 'Article H' ])) { ?>
< div class = "swiper-slide" >
< iv class = "nextarticle" >
< t d class = "nextarticle" >
< a href = " <?php echo $recommands [ 'Article H' ] -> ic_url ; ?> " rel = "nofollow" >
< img src = "https://data.chinahighlights.com/grey.gif" loader = "lazy"
originalsrc="<?php echo empty ( $recommands [ 'Article H' ] -> mobile_photo ) ? $recommands [ 'Article H' ] -> ic_photo_img : $recommands [ 'Article H' ] -> mobile_photo ; ?> "
@ -270,52 +271,11 @@
< div class = "nextarticlename" >
< a href = " <?php echo $recommands [ 'Article H' ] -> ic_url ; ?> " > <?php echo $recommands [ 'Article H' ] -> ic_title ; ?> </ a >
< / div >
< / iv >
< / div >
< / t d>
<?php } ?>
< / div >
< div class = "swiper-button-next" id = 'article-swiper-button-next' > < / div >
< div class = "swiper-button-prev" id = 'article-swiper-button-prev' > < / div >
< div class = "swiper-pagination" id = 'article-swiper-pagination' > < / div >
< / tr >
< / tbody >
< / table >
< / div >
<?php } ?>
<!-- Swiper JS -->
< script src = "https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js" > < / script >
<!-- Initialize Swiper -->
< script >
var slidesPerView = window.gh_template_name === 'mobile' ? 1 : 4;
var articleSwiper = new Swiper("#articleSwiper", {
cssMode: true,
keyboard: true,
slidesPerView: slidesPerView,
loop: true,
autoplay: false,
navigation: {
nextEl: "#article-swiper-button-next",
prevEl: "#article-swiper-button-prev"
},
pagination: {
el: "#article-swiper-pagination",
clickable: true
}
});
var tourSwiper = new Swiper("#tourSwiper", {
cssMode: true,
keyboard: true,
slidesPerView: slidesPerView,
loop: true,
autoplay: false,
navigation: {
nextEl: "#tour-swiper-button-next",
prevEl: "#tour-swiper-button-prev"
},
pagination: {
el: "#tour-swiper-pagination",
clickable: true
}
});
< / script >
赵鹏
2 years ago