information-system/application/views/mobile_first/gh-next.php

<?php if (!empty($recommands['Tour A']) || !empty($recommands['Tour B']) || !empty($recommands['Tour C']) || !empty($recommands['Tour D'])) { ?>


<h2 style="text-align: center;">Get Inspired with Some Popular Itineraries</h2>

<div class="swiper" id='tourSwiper'>
    <div class="swiper-wrapper">

        <?php if (!empty($recommands['Tour A'])) { ?>
            <div class="swiper-slide">
                <div 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; ?>"
                             class="img-responsive"
                             alt="<?php echo $recommands['Tour A']->ic_title; ?>">
                    </a>
                    <div class="nextarticlename">
                        <a href="<?php echo $recommands['Tour A']->ic_url; ?>"><?php echo $recommands['Tour A']->ic_title; ?></a>
                    </div>
                </div>
            </div>
        <?php } ?>


        <?php if (!empty($recommands['Tour B'])) { ?>
            <div class="swiper-slide">
                <div 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; ?>"
                             class="img-responsive"
                             alt="<?php echo $recommands['Tour B']->ic_title; ?>">
                    </a>
                    <div class="nextarticlename">
                        <a href="<?php echo $recommands['Tour B']->ic_url; ?>"><?php echo $recommands['Tour B']->ic_title; ?></a>
                    </div>
                </div>
            </div>
        <?php } ?>

        <?php if (!empty($recommands['Tour C'])) { ?>
            <div class="swiper-slide">
                <div 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; ?>"
                             class="img-responsive"
                             alt="<?php echo $recommands['Tour C']->ic_title; ?>">
                    </a>
                    <div class="nextarticlename">
                        <a href="<?php echo $recommands['Tour C']->ic_url; ?>"><?php echo $recommands['Tour C']->ic_title; ?></a>
                    </div>
                </div>
            </div>
        <?php } ?>

        <?php if (!empty($recommands['Tour D'])) { ?>
            <div class="swiper-slide">
                <div 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; ?>"
                             class="img-responsive"
                             alt="<?php echo $recommands['Tour D']->ic_title; ?>">
                    </a>
                    <div class="nextarticlename">
                        <a href="<?php echo $recommands['Tour D']->ic_url; ?>"><?php echo $recommands['Tour D']->ic_title; ?></a>
                    </div>
                </div>
            </div>
        <?php } ?>

        <?php if (!empty($recommands['Tour E'])) { ?>
            <div class="swiper-slide">
                <div 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; ?>"
                             class="img-responsive"
                             alt="<?php echo $recommands['Tour E']->ic_title; ?>">
                    </a>
                    <div class="nextarticlename">
                        <a href="<?php echo $recommands['Tour E']->ic_url; ?>"><?php echo $recommands['Tour E']->ic_title; ?></a>
                    </div>
                </div>
            </div>
        <?php } ?>

        <?php if (!empty($recommands['Tour F'])) { ?>
            <div class="swiper-slide">
                <div 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; ?>"
                             class="img-responsive"
                             alt="<?php echo $recommands['Tour F']->ic_title; ?>">
                    </a>
                    <div class="nextarticlename">
                        <a href="<?php echo $recommands['Tour F']->ic_url; ?>"><?php echo $recommands['Tour F']->ic_title; ?></a>
                    </div>
                </div>
            </div>
        <?php } ?>

        <?php if (!empty($recommands['Tour G'])) { ?>
            <div class="swiper-slide">
                <div 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; ?>"
                             class="img-responsive"
                             alt="<?php echo $recommands['Tour G']->ic_title; ?>">
                    </a>
                    <div class="nextarticlename">
                        <a href="<?php echo $recommands['Tour G']->ic_url; ?>"><?php echo $recommands['Tour G']->ic_title; ?></a>
                    </div>
                </div>
            </div>
        <?php } ?>

        <?php if (!empty($recommands['Tour H'])) { ?>
            <div class="swiper-slide">
                <div 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; ?>"
                             class="img-responsive"
                             alt="<?php echo $recommands['Tour H']->ic_title; ?>">
                    </a>
                    <div class="nextarticlename">
                        <a href="<?php echo $recommands['Tour H']->ic_url; ?>"><?php echo $recommands['Tour H']->ic_title; ?></a>
                    </div>
                </div>
            </div>
        <?php } ?>



    </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>
</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; ">More Travel Ideas and Inspiration</h2>

    <div class="swiper" id='articleSwiper'>
        <div class="swiper-wrapper">

           
            <?php if (!empty($recommands['Article A'])) { ?>
                <div class="swiper-slide">
                    <div 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; ?>"
                                 class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
                        </a>
                        <div class="nextarticlename">
                            <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
                        </div>
                    </div>
                </div>
            <?php } ?>

            <?php if (!empty($recommands['Article B'])) { ?>
                <div class="swiper-slide">
                    <div 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; ?>"
                                 class="img-responsive" alt="<?php echo $recommands['Article B']->ic_title; ?>">
                        </a>
                        <div class="nextarticlename">
                            <a href="<?php echo $recommands['Article B']->ic_url; ?>"> <?php echo $recommands['Article B']->ic_title; ?> </a>
                        </div>
                    </div>
                </div>
            <?php } ?>

            <?php if (!empty($recommands['Article C'])) { ?>
                <div class="swiper-slide">
                    <div 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; ?>"
                                 class="img-responsive" alt="<?php echo $recommands['Article C']->ic_title; ?>">
                        </a>
                        <div class="nextarticlename">
                            <a href="<?php echo $recommands['Article C']->ic_url; ?>"> <?php echo $recommands['Article C']->ic_title; ?> </a>
                        </div>
                    </div>
                </div>
            <?php } ?>

            <?php if (!empty($recommands['Article D'])) { ?>
                <div class="swiper-slide">
                    <div 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; ?>"
                                 class="img-responsive" alt="<?php echo $recommands['Article D']->ic_title; ?>">
                        </a>
                        <div class="nextarticlename">
                            <a href="<?php echo $recommands['Article D']->ic_url; ?>"> <?php echo $recommands['Article D']->ic_title; ?> </a>
                        </div>
                    </div>
                </div>
            <?php } ?>

            <?php if (!empty($recommands['Article E'])) { ?>
                <div class="swiper-slide">
                    <div 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; ?>"
                                 class="img-responsive" alt="<?php echo $recommands['Article E']->ic_title; ?>">
                        </a>
                        <div class="nextarticlename">
                            <a href="<?php echo $recommands['Article E']->ic_url; ?>"> <?php echo $recommands['Article E']->ic_title; ?> </a>
                        </div>
                    </div>
                </div>
            <?php } ?>

            <?php if (!empty($recommands['Article F'])) { ?>
                <div class="swiper-slide">
                    <div 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; ?>"
                                 class="img-responsive" alt="<?php echo $recommands['Article F']->ic_title; ?>">
                        </a>
                        <div class="nextarticlename">
                            <a href="<?php echo $recommands['Article F']->ic_url; ?>"> <?php echo $recommands['Article F']->ic_title; ?> </a>
                        </div>
                    </div>
                </div>
            <?php } ?>

            <?php if (!empty($recommands['Article G'])) { ?>
                <div class="swiper-slide">
                    <div 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; ?>"
                                 class="img-responsive" alt="<?php echo $recommands['Article G']->ic_title; ?>">
                        </a>
                        <div class="nextarticlename">
                            <a href="<?php echo $recommands['Article G']->ic_url; ?>"> <?php echo $recommands['Article G']->ic_title; ?> </a>
                        </div>
                    </div>
                </div>
            <?php } ?>

            <?php if (!empty($recommands['Article H'])) { ?>
                <div class="swiper-slide">
                    <div 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; ?>"
                                 class="img-responsive" alt="<?php echo $recommands['Article H']->ic_title; ?>">
                        </a>
                        <div class="nextarticlename">
                            <a href="<?php echo $recommands['Article H']->ic_url; ?>"> <?php echo $recommands['Article H']->ic_title; ?> </a>
                        </div>
                    </div>
                </div>
            <?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>
    </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>