From 966ffb655cd1cf1a1dead7ff84ab3c366c9dad61 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Wed, 27 Oct 2021 14:32:16 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=8E=A8=E8=8D=90=E6=96=87=E7=AB=A0?=
 =?UTF-8?q?=E8=BD=AE=E6=92=AD=E8=87=AA=E5=8A=A8=E5=88=87=E6=8D=A2=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E5=92=8C=E6=A1=8C=E9=9D=A2=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/gh-next.php | 50 ++++++++++++++--------
 application/views/mobile_first/gh-pc.php   |  5 +++
 application/views/mobile_first/gh.php      |  6 ++-
 3 files changed, 42 insertions(+), 19 deletions(-)
diff --git a/application/views/mobile_first/gh-next.php b/application/views/mobile_first/gh-next.php
index 7074e39c..519ea861 100644
--- a/application/views/mobile_first/gh-next.php
+++ b/application/views/mobile_first/gh-next.php
@@ -2,7 +2,7 @@
 
     <h2 style="text-align: center;">Recommended Articles</h2>
 
-    <div class="swiper" id='recommendedArticles'>
+    <div class="swiper" id='articleSwiper'>
         <div class="swiper-wrapper">
 
             <?php if (!empty($recommands['Article A'])) { ?>
@@ -210,7 +210,7 @@
 
     <h2 style="text-align: center;">Recommended Tours</h2>
 
-    <div class="swiper" id='recommendedArticles'>
+    <div class="swiper" id='tourSwiper'>
         <div class="swiper-wrapper">
 
             <?php if (!empty($recommands['Tour A'])) { ?>
@@ -345,9 +345,9 @@
 
 
         </div>
-        <div class="swiper-button-next"></div>
-        <div class="swiper-button-prev"></div>
-        <div class="swiper-pagination"></div>
+        <div class="swiper-button-next" id='tour-swiper-pagination'></div>
+        <div class="swiper-button-prev" id='tour-swiper-pagination'></div>
+        <div class="swiper-pagination" id='tour-swiper-pagination'></div>
     </div>
 
 
@@ -357,17 +357,31 @@
 <script src="https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js"></script>
 <!-- Initialize Swiper -->
 <script>
-    var swiper = new Swiper("#recommendedArticles", {
-        cssMode: true,
-        keyboard: true,
-        slidesPerView: 4,
-        navigation: {
-            nextEl: ".swiper-button-next",
-            prevEl: ".swiper-button-prev"
-        },
-        pagination: {
-            el: ".swiper-pagination",
-            clickable: true
-        }
-    });
+var slidesPerView = window.gh_template_name === 'mobile' ? 1 : 4;
+var articleSwiper = new Swiper("#articleSwiper", {
+    cssMode: true,
+    keyboard: true,
+    slidesPerView: slidesPerView,
+    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,
+    navigation: {
+        nextEl: "#tour-swiper-button-next",
+        prevEl: "#tour-swiper-button-prev"
+    },
+    pagination: {
+        el: "#tour-swiper-pagination",
+        clickable: true
+    }
+});
 </script>
\ No newline at end of file
diff --git a/application/views/mobile_first/gh-pc.php b/application/views/mobile_first/gh-pc.php
index cf2d2b79..55d7fbed 100644
--- a/application/views/mobile_first/gh-pc.php
+++ b/application/views/mobile_first/gh-pc.php
@@ -29,6 +29,11 @@ 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-MNKHRM5');</script>
 <!-- End Google Tag Manager -->
+<script>
+(function(w){
+  w.gh_template_name = w.gh_template_name || 'desktop';
+})(window);
+</script>
 </head>
 
 <body>
diff --git a/application/views/mobile_first/gh.php b/application/views/mobile_first/gh.php
index 6ff600aa..61c9f8fa 100644
--- a/application/views/mobile_first/gh.php
+++ b/application/views/mobile_first/gh.php
@@ -23,7 +23,11 @@ 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-MNKHRM5');</script>
     <!-- End Google Tag Manager -->
-
+<script>
+(function(w){
+  w.gh_template_name = w.gh_template_name || 'mobile';
+})(window);
+</script>
 </head>
 <body>
 <!-- Google Tag Manager (noscript) -->

From a7a718d399337995f56799efb7a7d6a4f312e33f Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Wed, 27 Oct 2021 14:35:37 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=BD=AE=E6=92=AD=20ID?=
 =?UTF-8?q?=20=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/gh-next.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/application/views/mobile_first/gh-next.php b/application/views/mobile_first/gh-next.php
index 519ea861..b51af46a 100644
--- a/application/views/mobile_first/gh-next.php
+++ b/application/views/mobile_first/gh-next.php
@@ -198,9 +198,9 @@
             <?php } ?>
 
         </div>
-        <div class="swiper-button-next"></div>
-        <div class="swiper-button-prev"></div>
-        <div class="swiper-pagination"></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 } ?>
 
