|
|
@ -2,7 +2,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<h2 style="text-align: center;">Recommended Articles</h2>
|
|
|
|
<h2 style="text-align: center;">Recommended Articles</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="swiper" id='recommendedArticles'>
|
|
|
|
<div class="swiper" id='articleSwiper'>
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
<?php if (!empty($recommands['Article A'])) { ?>
|
|
|
|
<?php if (!empty($recommands['Article A'])) { ?>
|
|
|
@ -198,9 +198,9 @@
|
|
|
|
<?php } ?>
|
|
|
|
<?php } ?>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-button-next"></div>
|
|
|
|
<div class="swiper-button-next" id='article-swiper-button-next'></div>
|
|
|
|
<div class="swiper-button-prev"></div>
|
|
|
|
<div class="swiper-button-prev" id='article-swiper-button-prev'></div>
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
<div class="swiper-pagination" id='article-swiper-pagination'></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
<?php } ?>
|
|
|
|
|
|
|
|
|
|
|
@ -210,7 +210,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<h2 style="text-align: center;">Recommended Tours</h2>
|
|
|
|
<h2 style="text-align: center;">Recommended Tours</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="swiper" id='recommendedArticles'>
|
|
|
|
<div class="swiper" id='tourSwiper'>
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
<?php if (!empty($recommands['Tour A'])) { ?>
|
|
|
|
<?php if (!empty($recommands['Tour A'])) { ?>
|
|
|
@ -345,9 +345,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-button-next"></div>
|
|
|
|
<div class="swiper-button-next" id='tour-swiper-pagination'></div>
|
|
|
|
<div class="swiper-button-prev"></div>
|
|
|
|
<div class="swiper-button-prev" id='tour-swiper-pagination'></div>
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
<div class="swiper-pagination" id='tour-swiper-pagination'></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -357,16 +357,30 @@
|
|
|
|
<script src="https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js"></script>
|
|
|
|
<script src="https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js"></script>
|
|
|
|
<!-- Initialize Swiper -->
|
|
|
|
<!-- Initialize Swiper -->
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
var swiper = new Swiper("#recommendedArticles", {
|
|
|
|
var slidesPerView = window.gh_template_name === 'mobile' ? 1 : 4;
|
|
|
|
|
|
|
|
var articleSwiper = new Swiper("#articleSwiper", {
|
|
|
|
cssMode: true,
|
|
|
|
cssMode: true,
|
|
|
|
keyboard: true,
|
|
|
|
keyboard: true,
|
|
|
|
slidesPerView: 4,
|
|
|
|
slidesPerView: slidesPerView,
|
|
|
|
navigation: {
|
|
|
|
navigation: {
|
|
|
|
nextEl: ".swiper-button-next",
|
|
|
|
nextEl: "#article-swiper-button-next",
|
|
|
|
prevEl: ".swiper-button-prev"
|
|
|
|
prevEl: "#article-swiper-button-prev"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
pagination: {
|
|
|
|
pagination: {
|
|
|
|
el: ".swiper-pagination",
|
|
|
|
el: "#article-swiper-pagination",
|
|
|
|
|
|
|
|
clickable: true
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
var tourSwiper = new Swiper("#tourSwiper", {
|
|
|
|
|
|
|
|
cssMode: true,
|
|
|
|
|
|
|
|
keyboard: true,
|
|
|
|
|
|
|
|
slidesPerView: slidesPerView,
|
|
|
|
|
|
|
|
navigation: {
|
|
|
|
|
|
|
|
nextEl: "#tour-swiper-button-next",
|
|
|
|
|
|
|
|
prevEl: "#tour-swiper-button-prev"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
pagination: {
|
|
|
|
|
|
|
|
el: "#tour-swiper-pagination",
|
|
|
|
clickable: true
|
|
|
|
clickable: true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|