update store

layouts/store/store.html

@@ -11,7 +11,6 @@
   <section class="bhouseweb_loc_banner">
     <img src="/img/banner/bn_store@2x.png" class="banner-img card-img" alt="...">
   </section>
-  <!-- <div class="store-banner"></div> -->
   <div class="brand_content">
     <div class="card bg-transparent border-0 rounded-0">
       <img src="/img/store/地圖.png" class="sec01_store_map_img card-img rounded-0" alt="...">
@@ -20,7 +19,9 @@
           可服務地區
         </div>
         <div class="store_cta_text mt-15">
-          <p>立即<a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">預約諮詢</a></p>
+          <p>立即<a
+              href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">預約諮詢</a>
+          </p>
         </div>
       </div>
       <div class="d-flex justify-content-end store_cta_box">
@@ -29,7 +30,7 @@
             需專人評估地區
           </div>
           <div class="store_cta_text mt-15">
-            <p>請填寫<a href="">評估表單</a>，將會有專人致電諮詢與評估</p>
+            <p>請填寫<a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">評估表單</a>，將會有專人致電諮詢與評估</p>
           </div>
         </div>
       </div>
@@ -41,17 +42,17 @@
         <li class="nav-item active p-0" role="presentation">
           <a class="nav-item-link nav-item-active bg-transparent active" id="pills-north-tab" data-bs-toggle="pill"
             data-bs-target="#pills-north" type="button" role="tab" aria-controls="pills-north"
-            aria-selected="false">北部地區</a>
+            aria-selected="false">新北門市</a>
         </li>
         <li class="nav-item p-0" role="presentation">
           <a class="nav-item-link nav-item-active bg-transparent" id="pills-central-tab" data-bs-toggle="pill"
             data-bs-target="#pills-central" type="button" role="tab" aria-controls="pills-central"
-            aria-selected="false">中部地區</a>
+            aria-selected="false">台中門市</a>
         </li>
         <li class="nav-item p-0" role="presentation">
           <a class="nav-item-link nav-item-active bg-transparent" id="pills-south-tab" data-bs-toggle="pill"
             data-bs-target="#pills-south" type="button" role="tab" aria-controls="pills-south"
-            aria-selected="false">南部地區</a>
+            aria-selected="false">台南門市</a>
         </li>
       </ul>
   </div>
@@ -72,11 +73,12 @@
           <div class="col-md-12">
             <div class="store_content block ms-md-3 mt-30">
               <div class="store_content_item">
-               <span>營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
+                <span>營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
               </div>
               <div class="store_content_item">
-                <span>門市電話</span> &emsp;&emsp; <a href="tel:0229010567" class="store-link" data-vars-event="accuhit" data-vars-event-type="9"
-                  data-vars-event-col1="新北門市門市電話" data-vars-event-col2="官網點擊新北門市電話">02-29010567</a>
+                <span>門市電話</span> &emsp;&emsp; <a href="tel:0229010567" class="store-link" data-vars-event="accuhit"
+                  data-vars-event-type="9" data-vars-event-col1="新北門市門市電話"
+                  data-vars-event-col2="官網點擊新北門市電話">02-29010567</a>
               </div>
               <div class="store_content_item">
                 <span>門市地點</span> &emsp;&emsp; <a
@@ -85,20 +87,24 @@
                   data-vars-event-col2="官網點擊新北門市地點" target="_blank">新北市土城區中華路二段201號</a>
               </div>
               <div class="store_content_item">
-                <span>停車資訊</span> &emsp;&emsp; <a href="https://www.google.com/maps/place/236%E5%8F%B0%E7%81%A3%E6%96%B0%E5%8C%97%E5%B8%82%E5%9C%9F%E5%9F%8E%E5%8D%80%E8%88%88%E5%9F%8E%E8%B7%AF112%E8%99%9F/@24.9709399,121.4380391,17z/data=!3m1!4b1!4m5!3m4!1s0x34681d2a014908f7:0x529e8c700e62a0d3!8m2!3d24.9709399!4d121.4402278" class="store-link" target="_blank">Times 24h</a> (土城區興城路112號，到門市步行約7分鐘)
+                <span>停車資訊</span> &emsp;&emsp; <a
+                  href="https://www.google.com/maps/place/236%E5%8F%B0%E7%81%A3%E6%96%B0%E5%8C%97%E5%B8%82%E5%9C%9F%E5%9F%8E%E5%8D%80%E8%88%88%E5%9F%8E%E8%B7%AF112%E8%99%9F/@24.9709399,121.4380391,17z/data=!3m1!4b1!4m5!3m4!1s0x34681d2a014908f7:0x529e8c700e62a0d3!8m2!3d24.9709399!4d121.4402278"
+                  class="store-link" target="_blank">Times 24h</a> (土城區興城路112號，到門市步行約7分鐘)
               </div>
               <div class="store_content_item">
-                <span>停車資訊</span> &emsp;&emsp; <a href="https://www.google.com/maps/place/236%E5%8F%B0%E7%81%A3%E6%96%B0%E5%8C%97%E5%B8%82%E5%9C%9F%E5%9F%8E%E5%8D%80%E4%B8%AD%E8%8F%AF%E8%B7%AF%E4%BA%8C%E6%AE%B5271%E8%99%9F/@24.9706428,121.4360605,17z/data=!3m1!4b1!4m5!3m4!1s0x34681cd62fc44991:0x9c556c7d295b384e!8m2!3d24.970638!4d121.4382492" class="store-link" target="_blank">168停車聯盟</a> (土城區中華路二段271號，到門市步行約5分鐘)
+                <span>停車資訊</span> &emsp;&emsp; <a
+                  href="https://www.google.com/maps/place/236%E5%8F%B0%E7%81%A3%E6%96%B0%E5%8C%97%E5%B8%82%E5%9C%9F%E5%9F%8E%E5%8D%80%E4%B8%AD%E8%8F%AF%E8%B7%AF%E4%BA%8C%E6%AE%B5271%E8%99%9F/@24.9706428,121.4360605,17z/data=!3m1!4b1!4m5!3m4!1s0x34681cd62fc44991:0x9c556c7d295b384e!8m2!3d24.970638!4d121.4382492"
+                  class="store-link" target="_blank">168停車聯盟</a> (土城區中華路二段271號，到門市步行約5分鐘)
               </div>
               <div class="mt-4">
-                <a class="reservation-link" href="https://lihi1.com/uoYTg"
-                  data-vars-event="accuhit">立即預約，將有專人與你聯繫 &gt;</a>
+                <a class="reservation-link" href="https://lihi1.com/uoYTg" data-vars-event="accuhit">立即預約，將有專人與你聯繫
+                  &gt;</a>
                 <p class="mt-2">成家設計師是一對一的客製化服務，前往門市諮詢前，請務必「提早預約」喔！</p>
               </div>
             </div>
           </div>
         </div>
-        <span class="line store-line"></span>
+        <!-- <span class="line store-line"></span>
         <div class="row px-0 mx-0">
           <div class="col-md-8">
             <img class="img-fluid" src="/img/store/taoyuan.webp" alt="">
@@ -134,8 +140,7 @@
               </div>
             </div>
           </div>
-
-        </div>
+        </div> -->
       </div>
       <div class="tab-pane fade" id="pills-central" role="tabpanel" aria-labelledby="pills-central-tab">
         <div class="row px-0 mx-0 mb-5">
@@ -154,8 +159,9 @@
                 <span>營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
               </div>
               <div class="store_content_item">
-                <span>門市電話</span> &emsp;&emsp; <a href="tel:0424261732" class="store-link" data-vars-event="accuhit" data-vars-event-type="9"
-                  data-vars-event-col1="台中門市電話" data-vars-event-col2="官網點擊台中門市電話">04-24261732</a>
+                <span>門市電話</span> &emsp;&emsp; <a href="tel:0424261732" class="store-link" data-vars-event="accuhit"
+                  data-vars-event-type="9" data-vars-event-col1="台中門市電話"
+                  data-vars-event-col2="官網點擊台中門市電話">04-24261732</a>
               </div>
               <div class="store_content_item">
                 <span>門市地點</span> &emsp;&emsp; <a
@@ -167,8 +173,8 @@
                 <span>停車資訊</span> &emsp;&emsp; 門口停車場
               </div>
               <div class="mt-4">
-                <a class="reservation-link" href="https://lihi1.com/uoYTg"
-                  data-vars-event="accuhit">立即預約，將有專人與你聯繫 &gt;</a>
+                <a class="reservation-link" href="https://lihi1.com/uoYTg" data-vars-event="accuhit">立即預約，將有專人與你聯繫
+                  &gt;</a>
                 <p class="mt-2">成家設計師是一對一的客製化服務，前往門市諮詢前，請務必「提早預約」喔！</p>
               </div>
             </div>
@@ -193,20 +199,22 @@
                 <span>營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
               </div>
               <div class="store_content_item">
-                <span>門市電話</span> &emsp;&emsp; <a href="tel:062435805" class="store-link" data-vars-event="accuhit" data-vars-event-type="9"
-                  data-vars-event-col1="台南門市電話" data-vars-event-col2="官網點擊台南門市電話">06-2435805</a>
+                <span>門市電話</span> &emsp;&emsp; <a href="tel:062435805" class="store-link" data-vars-event="accuhit"
+                  data-vars-event-type="9" data-vars-event-col1="台南門市電話"
+                  data-vars-event-col2="官網點擊台南門市電話">06-2435805</a>
               </div>
               <div class="store_content_item">
                 <span>門市地點</span> &emsp;&emsp; <a
-                  href="https://www.google.com.tw/maps/place/%E5%B0%8F%E5%AF%B6%E5%84%AA%E5%B1%85+%E6%96%B0%E5%8C%97%E9%96%80%E5%B8%82/@24.0096167,119.6916144,8z/data=!4m13!1m6!3m5!1s0x346917ac589833f1:0x73de12c2ee3f186f!2z5bCP5a-25YSq5bGFIOWPsOS4remWgOW4gg!8m2!3d24.2020203!4d120.6688625!3m5!1s0x3442a7c9695b1f27:0x9e882e55e4a4f646!8m2!3d24.9738711!4d121.4381407!15sCgzlsI_lr7blhKrlsYVaESIP5bCPIOWvtiDlhKog5bGFkgENZGVzaWduX2FnZW5jeQ?hl=zh-TW" class="store-link" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="台南門市"
+                  href="https://www.google.com.tw/maps/place/%E5%B0%8F%E5%AF%B6%E5%84%AA%E5%B1%85+%E6%96%B0%E5%8C%97%E9%96%80%E5%B8%82/@24.0096167,119.6916144,8z/data=!4m13!1m6!3m5!1s0x346917ac589833f1:0x73de12c2ee3f186f!2z5bCP5a-25YSq5bGFIOWPsOS4remWgOW4gg!8m2!3d24.2020203!4d120.6688625!3m5!1s0x3442a7c9695b1f27:0x9e882e55e4a4f646!8m2!3d24.9738711!4d121.4381407!15sCgzlsI_lr7blhKrlsYVaESIP5bCPIOWvtiDlhKog5bGFkgENZGVzaWduX2FnZW5jeQ?hl=zh-TW"
+                  class="store-link" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="台南門市"
                   data-vars-event-col2="官網點擊台南門市地點" target="_blank"> 台南市北區中華北路一段420號</a>
               </div>
               <div class="store_content_item">
                 <span>停車資訊</span> &emsp;&emsp; 門口停車場
               </div>
               <div class="mt-4">
-                <a class="reservation-link" href="https://lihi1.com/uoYTg"
-                  data-vars-event="accuhit">立即預約，將有專人與你聯繫 &gt;</a>
+                <a class="reservation-link" href="https://lihi1.com/uoYTg" data-vars-event="accuhit">立即預約，將有專人與你聯繫
+                  &gt;</a>
                 <p class="mt-2">成家設計師是一對一的客製化服務，前往門市諮詢前，請務必「提早預約」喔！</p>
               </div>
             </div>
@@ -239,6 +247,29 @@
 
   {{ partial "footer.html" . }}
   {{ partial "scripts.html" . }}
+
+  <script>
+    // 根據 localStorage 的值切換 tab (預設為新北門市)
+    $(document).ready(function () {
+      let storeVal = localStorage.getItem('store');
+      if (storeVal === "NewTaipei") {
+        $(".show").removeClass("show");
+        $(".active").removeClass("active");
+        $("#pills-north").addClass("active show");
+        $("#pills-north-tab").addClass("active");
+      } else if (storeVal === "Taichung") {
+        $(".show").removeClass("show");
+        $(".active").removeClass("active");
+        $("#pills-central").addClass("active show");
+        $("#pills-central-tab").addClass("active");
+      } else if (storeVal === "Tainan") {
+        $(".show").removeClass("show");
+        $(".active").removeClass("active");
+        $("#pills-south").addClass("active show");
+        $("#pills-south-tab").addClass("active");
+      }
+    })
+  </script>
 </body>
 
 </html>

themes/hugo-universal-theme-master/layouts/partials/footer.html

@@ -29,7 +29,8 @@
               <a href="https://www.facebook.com/bhouse.tw/" target="_blank">Facebook</a>
             </li>
             <li>
-              <a href="https://www.youtube.com/channel/UCOYvhrSCu6DRbLWNoy6lDTg/videos?view=0" target="_blank">Youtube</a>
+              <a href="https://www.youtube.com/channel/UCOYvhrSCu6DRbLWNoy6lDTg/videos?view=0"
+                target="_blank">Youtube</a>
             </li>
           </ul>
         </div>
@@ -54,19 +55,19 @@
           </h5>
           <ul>
             <li>
-              <a href="/store/">服務範圍</a>
+              <a href="/store/" onclick="setValue('NewTaipei')">服務範圍</a>
             </li>
             <li>
-              <a href="">新北門市</a>
+              <a href="" onclick="setValue('NewTaipei')">新北門市</a>
             </li>
             <!-- <li>
               <a href="">桃園門市</a>
             </li> -->
             <li>
-              <a href="">台中門市</a>
+              <a href="" onclick="setValue('Taichung')">台中門市</a>
             </li>
             <li>
-              <a href="">台南門市</a>
+              <a href="" onclick="setValue('Tainan')">台南門市</a>
             </li>
           </ul>
         </div>
@@ -166,8 +167,7 @@
       </ul>
     </div>
 
-    <div
-      class="copyright">
+    <div class="copyright">
       <p class="m-0 text-center" style="letter-spacing: 1px;">Copyright by 小寶優居</p>
       <!-- <div>
         <a href="">隱私權政策</a> <span> | </span>
@@ -178,4 +178,10 @@
   </div>
 </footer>
 
+<script>
+  function setValue(item) {
+    localStorage.setItem('store', item)
+  }
+</script>
+
 <!-- *** COPYRIGHT END *** -->