update

layouts/blog_main/list.html

@@ -34,7 +34,6 @@
         <img class="star_yellow" src="/img/blog/star_yellow.png" alt="" data-aos="fade-in" data-aos-duration="3000">
         <img class="ruler_img" src="/img/blog/ruler2.png" alt="" data-aos="fade-in" data-aos-duration="3000">
         <img class="line_01" src="/img/blog/Vector01.png" alt="">
-        <!-- <span class="dot"></span> -->
 
         <div>
           <section style="position: relative;">
@@ -45,7 +44,7 @@
             </span>
             <h4>預售屋客變</h4>
           </section>
-          <span class="dot"></span>
+          <!-- <span class="dot"></span> -->
           <section>
             <img src="/img/blog/icon/step02.png" alt="" data-gt-target="#blogTag_02" data-gt-duration="500"
               data-gt-offset="180">
@@ -393,7 +392,7 @@
             <div class="col-4" data-aos="fade-in" data-aos-duration="1000">
               <section class="img_box">
                 <img src="/img/blog/step5.png" alt="">
-                <img src="/img/blog/number/05.png" alt="">
+                <img src="/img/blog/number/05.png" style="top: -40px;" alt="">
               </section>
             </div>
             <div class="col-8">
@@ -528,7 +527,7 @@
             <div class="col-4" data-aos="fade-in" data-aos-duration="1000">
               <section class="img_box">
                 <img src="/img/blog/step7.png" alt="">
-                <img src="/img/blog/number/07.png" alt="">
+                <img src="/img/blog/number/07.png" style="top: -40px;" alt="">
               </section>
             </div>
             <div class="col-8">
@@ -705,7 +704,7 @@
                 </span>
                 <h4>預售屋客變</h4>
               </section>
-              <span class="dot"></span>
+              <!-- <span class="dot"></span> -->
               <div class="mb_line_01"></div>
             </div>
             <div class="col-6">
@@ -1046,7 +1045,7 @@
           <div class="col-12" data-aos="fade-in" data-aos-duration="1000" id="blogTag_mb_05">
             <section class="img_box">
               <img src="/img/blog/step5.png" alt="">
-              <img src="/img/blog/number/05.png" alt="">
+              <img src="/img/blog/number/05.png" style="top: -40px;" alt="">
             </section>
           </div>
           <div class="col-12">
@@ -1172,7 +1171,7 @@
           <div class="col-12" data-aos="fade-in" data-aos-duration="1000" id="blogTag_mb_07">
             <section class="img_box">
               <img src="/img/blog/step7.png" alt="">
-              <img src="/img/blog/number/07.png" alt="">
+              <img src="/img/blog/number/07.png" style="top: -40px;" alt="">
             </section>
           </div>
           <div class="col-12">

layouts/store/store.html

@@ -38,7 +38,8 @@
       </div>
     </div>
   </div>
-  <div class="text-center store-tab">
+  <!-- Tab start -->
+  <!-- <div class="text-center store-tab">
     <ul class="nav d-flex nav-pills flex-wrap justify-content-center" id="pills-tab" role="tablist">
       <ul class="nav d-flex nav-pills flex-wrap" id="pills-tab" role="tablist">
         <li class="nav-item active p-0" role="presentation">
@@ -65,7 +66,6 @@
         <div id="NewTaipei" class="row px-0 mx-0 mb-5">
           <div class="col-md-8">
             <img class="img-fluid" src="/img/store/north.jpg" alt="">
-
           </div>
           <div class="col-md-4 d-flex align-items-end">
             <div>
@@ -140,11 +140,10 @@
             </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.jpg" alt="">
-
           </div>
           <div class="col-md-4 d-flex align-items-end">
             <div>
@@ -176,13 +175,12 @@
               </div>
             </div>
           </div>
-        </div> -->
+        </div>
       </div>
       <div class="tab-pane fade" id="pills-central" role="tabpanel" aria-labelledby="pills-central-tab">
         <div id="Taichung" class="row px-0 mx-0 mb-5">
           <div class="col-md-8">
             <img class="img-fluid" src="/img/store/central.jpg" alt="">
-
           </div>
           <div class="col-md-4 d-flex align-items-end">
             <div>
@@ -215,14 +213,12 @@
               </div>
             </div>
           </div>
-
         </div>
       </div>
       <div class="tab-pane fade" id="pills-south" role="tabpanel" aria-labelledby="pills-south-tab">
         <div id="Tainan" class="row px-0 mx-0 mb-5">
           <div class="col-md-8">
             <img class="img-fluid" src="/img/store/south.jpg" alt="">
-
           </div>
           <div class="col-md-4 d-flex align-items-end">
             <div>
@@ -255,15 +251,260 @@
               </div>
             </div>
           </div>
-
         </div>
       </div>
     </div>
   </div>
-  <span class="line store-line mx-0"></span>
-  <!-- <hr class="bhouse_line"> -->
+  <span class="line store-line mx-0"></span> -->
+  <!-- Tab end -->
+
+  <!-- 錨點 start -->
+  <div class="text-center store-tab">
+    <ul class="d-flex flex-wrap justify-content-center p-0" id="anchor-tab">
+      <li class="p-0">
+        <a class="" id="pills-north-tab" data-gt-target="#NewTaipei" data-gt-duration="0" data-gt-offset="50">新北門市</a>
+      </li>
+      <li class="p-0">
+        <a class="" id="pills-central-tab" type="button" data-gt-target="#Taichung" data-gt-duration="0"
+          data-gt-offset="50">台中門市</a>
+      </li>
+      <li class="p-0">
+        <a class="" id="pills-south-tab" type="button" data-gt-target="#Tainan" data-gt-duration="0"
+          data-gt-offset="50">台南門市</a>
+      </li>
+    </ul>
+  </div>
+
+  <span class="line store-line"></span>
+  <div class="brand_content">
+    <div id="NewTaipei" class="row px-0 mx-0 mb-5">
+      <div class="col-md-8">
+        <img class="img-fluid" src="/img/store/north.jpg" alt="">
+
+      </div>
+      <div class="col-md-4 d-flex align-items-end">
+        <div>
+          <h1 class="store_title">小寶成家故事館新北館</h1>
+        </div>
+      </div>
+      <div class="col-md-12">
+        <div class="store_content block ms-md-3 mt-30">
+          <div class="store_content_item">
+            <span class="title">營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
+          </div>
+          <div class="store_content_item">
+            <span class="title">門市電話</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 d-flex">
+            <span class="title" style="width: 100px;">門市地點</span> &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="新北門市"
+              data-vars-event-col2="官網點擊新北門市地點" target="_blank"
+              style="width: 60%; display: inline-flex;">新北市土城區中華路二段201號</a>
+          </div>
+          <div class="store_content_item d-flex">
+            <span class="title" style="width: 100px;">停車資訊</span> &emsp;&emsp;
+            <span class="d-flex flex-md-row flex-column link_item">
+              <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"
+                target="_blank"><span class="store-link">Times 24h</span> <span
+                  class="d-none d-md-inline">(土城區興城路112號，到門市步行約7分鐘)</span></a>
+              <p class="d-block d-md-none m-0">
+                (到門市步行約7分鐘)
+              </p>
+            </span>
+          </div>
+          <div class="store_content_item d-flex">
+            <span style="width: 100px;">&emsp;&emsp;&emsp;&emsp;</span> &emsp;&emsp;
+            <span class="d-flex flex-md-row flex-column link_item">
+              <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"
+                target="_blank"><span class="store-link">168停車聯盟</span> <span
+                  class="d-none d-md-inline">(土城區中華路二段271號，到門市步行約5分鐘)</span></a>
+              <p class="d-block d-md-none m-0">
+                (到門市步行約5分鐘)
+              </p>
+            </span>
+            <!-- <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>
+            <span class="d-none d-md-inline">(土城區中華路二段271號，到門市步行約5分鐘)</span>
+            <p class="d-block d-md-none">
+              <span class="d-inline d-md-none">&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;</span>
+              (到門市步行約5分鐘)
+            </p> -->
+          </div>
+          <div class="store_content_item d-flex">
+            <span class="title" style="width: 100px;">交通方式</span> &emsp;&emsp; 
+            <span class="d-flex flex-md-row flex-column link_item">
+              <div>
+                <span>捷運點 土城站</span>
+                <span class="d-none d-md-inline">(到門市步行約10分鐘)</span>
+              </div>
+            <p class="d-block d-md-none m-0">
+              (到門市步行約10分鐘)
+            </p>
+          </span>
+          </div>
+          <div class="store_content_item d-flex">
+            <span style="width: 100px;">&emsp;&emsp;&emsp;&emsp;</span> &emsp;&emsp;
+            <span class="d-flex flex-md-row flex-column link_item">
+              <div>
+                <span>公車點 中華中學一站</span>
+                <span class="d-none d-md-inline">(到門市步行約2分鐘)</span>
+              </div>
+            <p class="d-block d-md-none m-0">
+              (到門市步行約2分鐘)
+            </p>
+          </span>
+          </div>
+          <div class="store_content_item d-flex">
+            <span style="width: 100px;">&emsp;&emsp;&emsp;&emsp;</span> &emsp;&emsp;
+            <span class="d-flex flex-md-row flex-column link_item">
+              <div>
+                <span>YouBike點 中華城林路口</span>
+                <span class="d-none d-md-inline">(到門市步行約2分鐘)</span>
+              </div>
+            <p class="d-block d-md-none m-0">
+              (到門市步行約2分鐘)
+            </p>
+          </span>
+
+            <!-- YouBike點 中華城林路口
+            <span class="d-none d-md-inline">(到門市步行約2分鐘)</span>
+            <p class="d-block d-md-none">
+              <span class="d-inline d-md-none">&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;</span>
+              (到門市步行約2分鐘)
+            </p> -->
+          </div>
+          <div class="mt-4">
+            <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>
+    <!-- <div class="row px-0 mx-0">
+      <div class="col-md-8">
+        <img class="img-fluid" src="/img/store/taoyuan.jpg" alt="">
+
+      </div>
+      <div class="col-md-4 d-flex align-items-end">
+        <div>
+          <h1 class="store_title">小寶成家故事館桃園館</h1>
+        </div>
+      </div>
+      <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
+          </div>
+          <div class="store_content_item">
+            <span>門市電話</span> &emsp;&emsp; <a href="tel:033017531" class="store-link" data-vars-event="accuhit" data-vars-event-type="9"
+              data-vars-event-col1="桃園門市門市電話" data-vars-event-col2="官網點擊桃園門市電話">03-3017531</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="新北門市"
+              data-vars-event-col2="官網點擊新北門市地點" target="_blank">桃園市桃園區永安路900號</a>
+          </div>
+          <div class="store_content_item">
+            <span>停車資訊</span> &emsp;&emsp; <a href="https://www.google.com/maps/place/25%C2%B000%2725.1%22N+121%C2%B017%2724.8%22E/@25.0071649,121.2890104,18.04z/data=!4m5!3m4!1s0x0:0x0!8m2!3d25.0069599!4d121.2902088?hl=zh-TW" class="store-link" target="_blank">力揚停車場</a> (永安路765巷與吉安一街口，步行約2分鐘)
+          </div>
+          <div class="mt-4">
+            <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> -->
+    <div id="Taichung" class="row px-0 mx-0 mb-5">
+      <div class="col-md-8">
+        <img class="img-fluid" src="/img/store/central.jpg" alt="">
+
+      </div>
+      <div class="col-md-4 d-flex align-items-end">
+        <div>
+          <h1 class="store_title">小寶成家故事館台中館</h1>
+        </div>
+      </div>
+      <div class="col-md-12">
+        <div class="store_content block ms-md-3 mt-30">
+          <div class="store_content_item">
+            <span class="title">營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
+          </div>
+          <div class="store_content_item">
+            <span class="title">門市電話</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 class="title" style="width: 100px;">門市地點</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="台中門市"
+              data-vars-event-col2="官網點擊台中門市地點" target="_blank" style="width: 60%; display: inline-flex;">
+              台中市北屯區環中路一段1700號之小寶優居</a>
+          </div>
+          <div class="store_content_item">
+            <span class="title">停車資訊</span> &emsp;&emsp; 門口停車場
+          </div>
+          <div class="mt-4">
+            <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>
+    <div id="Tainan" class="row px-0 mx-0 mb-5">
+      <div class="col-md-8">
+        <img class="img-fluid" src="/img/store/south.jpg" alt="">
+
+      </div>
+      <div class="col-md-4 d-flex align-items-end">
+        <div>
+          <h1 class="store_title">小寶成家故事館台南館</h1>
+        </div>
+      </div>
+      <div class="col-md-12">
+        <div class="store_content block ms-md-3 mt-30">
+          <div class="store_content_item">
+            <span class="title">營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
+          </div>
+          <div class="store_content_item">
+            <span class="title">門市電話</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 class="title" style="width: 100px;">門市地點</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="台南門市"
+              data-vars-event-col2="官網點擊台南門市地點" target="_blank" style="width: 60%; display: inline-flex;">
+              台南市北區中華北路一段420號</a>
+          </div>
+          <div class="store_content_item">
+            <span class="title">停車資訊</span> &emsp;&emsp; 門口停車場
+          </div>
+          <div class="mt-4">
+            <a class="reservation-link" href="https://lihi1.com/uoYTg" data-vars-event="accuhit">立即預約，將有專人與你聯繫
+              &gt;</a>
+            <p class="mt-2">成家設計師是一對一的客製化服務，前往門市諮詢前，請務必「提早預約」喔！</p>
+          </div>
+        </div>
+        </dizv>
+      </div>
+    </div>
+    <span class="line store-line mx-0"></span>
   </div>
   </div>
+  <!-- 錨點 end -->
   <div class="brand_content">
     <div class="style_house_sec06">
       <div class="row px-0 mx-0">
@@ -294,10 +535,10 @@
     $(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");
+        // $(".show").removeClass("show");
+        // $(".active").removeClass("active");
+        // $("#pills-north").addClass("active show");
+        // $("#pills-north-tab").addClass("active");
         $("*").each(function (index, element) {
           var target = $("#NewTaipei");
           console.log(target)
@@ -311,7 +552,6 @@
 
             // 上方位置 = 目標區塊.位移().上方位置
             var top = $(target).offset().top;
-
             $("html").stop().animate({
               scrollTop: top - offset
             });
@@ -319,24 +559,17 @@
 
         });
       } else if (storeVal === "Taichung") {
-        $(".show").removeClass("show");
-        $(".active").removeClass("active");
-        $("#pills-central").addClass("active show");
-        $("#pills-central-tab").addClass("active");
+        // $(".show").removeClass("show");
+        // $(".active").removeClass("active");
+        // $("#pills-central").addClass("active show");
+        // $("#pills-central-tab").addClass("active");
         $("*").each(function (index, element) {
           var target = $("#Taichung");
           console.log(target)
           var offset = 50;
-          // var duration = $(this).attr("data-gt-duration");
 
           if (target) {
-            //console.log("目標：" + target);
-            //console.log("時間：" + duration);
-            //console.log("位移：" + offset);
-
-            // 上方位置 = 目標區塊.位移().上方位置
             var top = $(target).offset().top;
-
             $("html").stop().animate({
               scrollTop: top - offset
             });
@@ -344,24 +577,17 @@
 
         });
       } else if (storeVal === "Tainan") {
-        $(".show").removeClass("show");
-        $(".active").removeClass("active");
-        $("#pills-south").addClass("active show");
-        $("#pills-south-tab").addClass("active");
+        // $(".show").removeClass("show");
+        // $(".active").removeClass("active");
+        // $("#pills-south").addClass("active show");
+        // $("#pills-south-tab").addClass("active");
         $("*").each(function (index, element) {
           var target = $("#Tainan");
           console.log(target)
           var offset = 50;
-          // var duration = $(this).attr("data-gt-duration");
 
           if (target) {
-            //console.log("目標：" + target);
-            //console.log("時間：" + duration);
-            //console.log("位移：" + offset);
-
-            // 上方位置 = 目標區塊.位移().上方位置
             var top = $(target).offset().top;
-
             $("html").stop().animate({
               scrollTop: top - offset
             });
@@ -373,16 +599,9 @@
           var target = $("#scope");
           console.log(target)
           var offset = 0;
-          // var duration = $(this).attr("data-gt-duration");
 
           if (target) {
-            //console.log("目標：" + target);
-            //console.log("時間：" + duration);
-            //console.log("位移：" + offset);
-
-            // 上方位置 = 目標區塊.位移().上方位置
             var top = $(target).offset().top;
-
             $("html").stop().animate({
               scrollTop: top - offset
             });
@@ -391,14 +610,11 @@
       }
 
       // 離開頁面前清除 localStorage
-      $(window).bind('beforeunload', function () {
-        return window.localStorage.removeItem('store');
-      }
-      );
+      // $(window).bind('beforeunload', function () {
+      //   return window.localStorage.removeItem('store');
+      // }
+      // );
     })
-
-
-
   </script>
 </body>
 

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

@@ -6,7 +6,8 @@
           {{ if default false .Site.Params.disabled_logo }}
           <h4>{{ .Site.Params.logo_text }}</h4>
           {{ else }}
-          <img src="{{ .Site.Params.logo_mobile | relURL }}" alt="{{ .Title }} logo" height="60px" width="160px" alt="" />
+          <img src="{{ .Site.Params.logo_mobile | relURL }}" alt="{{ .Title }} logo" height="60px" width="160px"
+            alt="" />
           {{ end }}
           <span class="sr-only">{{ .Title }} - {{ i18n "navHome" }}</span>
         </a>
@@ -26,7 +27,7 @@
               <h4>{{ .Site.Params.logo_text }}</h4>
               {{ else }}
               <img src="{{ .Site.Params.logo | relURL }}" alt="{{ .Title }} logo" height="50px" alt=""
-                style="image-rendering: -webkit-optimize-contrast;" /> 
+                style="image-rendering: -webkit-optimize-contrast;" />
               {{ end }}
               <span class="sr-only">{{ .Title }} - {{ i18n "navHome" }}</span>
             </a>
@@ -87,6 +88,12 @@
     const item = document.querySelector('[data-toggle-class]');
     item.className === "close-btn" ? item.className = "navbar-toggler-icon" : item.className = "close-btn";
   }
+
+  let storeLink = document.querySelector('.navbar-nav li:last-child');
+  storeLink.addEventListener('click', function () {
+    localStorage.setItem('store', 'scope');
+  })
+
 </script>
 
 <!-- *** NAVBAR END ***-->

themes/hugo-universal-theme-master/static/css/style.bhouse.css

@@ -1452,9 +1452,19 @@ input[type=search]::-webkit-search-cancel-button {
      object-fit: contain;
   height: 500px !important;
 }
+@media (max-width: 991px) {
+  .img-height-vw {
+    height: 45vw !important;
+  }
+}
 @media (max-width: 767px) {
   .img-height-vw {
-    height: 65vw !important;
+    height: 67vw !important;
+  }
+}
+@media (max-width: 576px) {
+  .img-height-vw {
+    height: 70vw !important;
   }
 }
 
@@ -1544,12 +1554,17 @@ input[type=search]::-webkit-search-cancel-button {
   width: 50%;
   margin: 0 auto;
 }
-
+@media screen and (max-width: 1199px) {
+  .style_house_content {
+    width: 70%;
+  }
+}
 @media screen and (max-width: 767px) {
   .style_house_content {
     width: 95%;
   }
 }
+
 .style_house_sec01 {
   margin-top: 100px;
   text-align: center;
@@ -1612,7 +1627,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .style_house_sec02_slide .slick-prev {
   position: absolute;
-  top: 45%;
+  top: 38%;
   left: 10px;
   z-index: 1;
 }
@@ -1626,8 +1641,8 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .style_house_sec02_slide .slick-next {
   position: absolute;
-  right: 35px;
-  top: 45%;
+  right: 40px;
+  top: 38%;
   z-index: 1;
 }
 
@@ -1642,9 +1657,9 @@ input[type=search]::-webkit-search-cancel-button {
   flex-direction: column;
   justify-content: center;
 }
-@media screen and (max-width: 991px) {
+@media screen and (max-width: 1199px) {
   .style_house_sec02 .slide-box {
-    height: 50vw;
+    height: 60vw;
   }
 }
 @media screen and (max-width: 767px) {
@@ -4144,6 +4159,8 @@ input[type=search]::-webkit-search-cancel-button {
 .blog-main .article_list .article_item .text_box .btn_box {
   margin-top: 10px;
   margin-left: 20px;
+  position: relative;
+  z-index: 1000;
 }
 @media (max-width: 767px) {
   .blog-main .article_list .article_item .text_box .btn_box {
@@ -4193,7 +4210,7 @@ input[type=search]::-webkit-search-cancel-button {
   position: absolute;
   z-index: -1;
   bottom: -5px;
-  left: 25px;
+  left: 5px;
   border-radius: 12px;
 }
 @media (max-width: 767px) {
@@ -4488,6 +4505,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .blog_article h2 {
+  margin-top: 30px;
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: 700;
@@ -5323,8 +5341,19 @@ input[type=search]::-webkit-search-cancel-button {
     font-size: 12px;
   }
 }
+.store_content a {
+  color: #68686b;
+  font-weight: 600;
+}
+.store_content a span:last-child {
+  color: #000;
+  cursor: default;
+}
+
 .store-link {
   color: #2980b8 !important;
+  cursor: pointer;
+  font-weight: 600;
 }
 .store-link:hover {
   opacity: 0.7;
@@ -5356,7 +5385,8 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .store-tab #pills-tab .nav-item-link,
-.mobile-tab #pills-tab .nav-item-link {
+.mobile-tab #pills-tab .nav-item-link,
+#anchor-tab li a {
   display: block;
   text-decoration: none;
   margin: 0 0.1rem;
@@ -5371,20 +5401,31 @@ input[type=search]::-webkit-search-cancel-button {
   margin: 0;
 }
 .store-tab #pills-tab .nav-item-link:hover,
-.mobile-tab #pills-tab .nav-item-link:hover {
+.mobile-tab #pills-tab .nav-item-link:hover,
+#anchor-tab li a:hover {
   background: #68686b !important;
 }
 @media screen and (max-width: 575px) {
   .store-tab #pills-tab .nav-item-link,
-.mobile-tab #pills-tab .nav-item-link {
+.mobile-tab #pills-tab .nav-item-link,
+#anchor-tab li a {
     font-size: 16px;
     padding: 0.4rem 1rem;
   }
 }
 
+#anchor-tab {
+  list-style: none;
+}
+#anchor-tab li {
+  margin: 0 0.8rem;
+  cursor: pointer;
+}
+
 @media screen and (max-width: 767px) {
-  .store-tab #pills-tab .nav-item-link {
-    margin: 0 0rem;
+  .store-tab #pills-tab .nav-item-link li,
+#anchor-tab li {
+    margin: 0 0.5rem;
   }
 }
 .store-tab #pills-tab .nav-item-link.active,
@@ -5420,11 +5461,6 @@ input[type=search]::-webkit-search-cancel-button {
   letter-spacing: 2px;
 }
 
-.store_content a {
-  color: #68686b;
-  font-weight: 600;
-}
-
 .store_content .reservation-link {
   margin-top: 15px;
   color: #2980b8;
@@ -5447,6 +5483,19 @@ input[type=search]::-webkit-search-cancel-button {
     width: 30%;
   }
 }
+.store_content_item .link_item {
+  width: 100%;
+}
+@media (max-width: 991px) {
+  .store_content_item .link_item {
+    width: 95%;
+  }
+}
+@media (max-width: 475px) {
+  .store_content_item .link_item {
+    width: 80%;
+  }
+}
 
 .assign-link {
   border-bottom: 2px solid var(--second-color);

themes/hugo-universal-theme-master/static/css/style.bhouse.scss

@@ -1426,8 +1426,14 @@ input[type="search"]::-webkit-search-cancel-button {
   // margin: auto;
   object-fit: contain;
   height: 500px !important;
+  @media (max-width: 991px) {
+    height: 45vw !important;
+  }
   @media (max-width: 767px) {
-    height: 65vw !important;
+    height: 67vw !important;
+  }
+  @media (max-width: 576px) {
+    height: 70vw !important;
   }
 }
 
@@ -1527,10 +1533,10 @@ input[type="search"]::-webkit-search-cancel-button {
 .style_house_content {
   width: 50%;
   margin: 0 auto;
-}
-
-@media screen and (max-width: 767px) {
-  .style_house_content {
+  @media screen and (max-width: 1199px) {
+    width: 70%;
+  }
+  @media screen and (max-width: 767px) {
     width: 95%;
   }
 }
@@ -1606,17 +1612,9 @@ input[type="search"]::-webkit-search-cancel-button {
 .style_house_sec02_slide {
   .slick-prev {
     position: absolute;
-    top: 45%;
+    top: 38%;
     left: 10px;
     z-index: 1;
-    // top: 50%;
-    // background: #fff;
-    // padding-top: 2.5px;
-    // background: #fff;
-    // width: 32px;
-    // height: 32px;
-    // right: 25px;
-    // border-radius: 100%;
   }
   .slick-prev:before {
     content: "" !important;
@@ -1625,23 +1623,12 @@ input[type="search"]::-webkit-search-cancel-button {
   .slick-next:before {
     content: "" !important;
     display: none !important;
-    // font-family: "slick";
-    // font-size: 32px;
-    // line-height: 1;
-    // // opacity: .75;
-    // color: rgba(0, 0, 0, 0.54);
   }
   .slick-next {
     position: absolute;
-    right: 35px;
-    top: 45%;
+    right: 40px;
+    top: 38%;
     z-index: 1;
-    // top: 50%;
-    // padding-top: 2.5px;
-    // background: #fff;
-    // width: 32px;
-    // height: 32px;
-    // border-radius: 100%;
   }
 }
 
@@ -1667,8 +1654,8 @@ input[type="search"]::-webkit-search-cancel-button {
   display: flex !important;
   flex-direction: column;
   justify-content: center;
-  @media screen and (max-width: 991px) {
-    height: 50vw;
+  @media screen and (max-width: 1199px) {
+    height: 60vw;
   }
   @media screen and (max-width: 767px) {
     height: 80vw;
@@ -3869,13 +3856,13 @@ input[type="search"]::-webkit-search-cancel-button {
                 }
               }
             }
-              @media (max-width: 767px) {
-                .divider-mb {
-                  margin: 20px 0;
-                  img {
-                    width: 86vw;
-                  }
+            @media (max-width: 767px) {
+              .divider-mb {
+                margin: 20px 0;
+                img {
+                  width: 86vw;
                 }
+              }
             }
             @media (max-width: 576px) {
               .divider-mb {
@@ -3883,12 +3870,14 @@ input[type="search"]::-webkit-search-cancel-button {
                   width: 83vw;
                 }
               }
-          }
+            }
           }
         }
         .btn_box {
           margin-top: 10px;
           margin-left: 20px;
+          position: relative;
+          z-index: 1000;
           @media (max-width: 767px) {
             position: relative;
             margin: 20px auto;
@@ -3935,7 +3924,7 @@ input[type="search"]::-webkit-search-cancel-button {
             position: absolute;
             z-index: -1;
             bottom: -5px;
-            left: 25px;
+            left: 5px;
             border-radius: 12px;
             @media (max-width: 767px) {
               left: 3.5%;
@@ -4248,6 +4237,7 @@ input[type="search"]::-webkit-search-cancel-button {
 // }
 
 .blog_article h2 {
+  margin-top: 30px;
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: 700;
@@ -5142,8 +5132,19 @@ input[type="search"]::-webkit-search-cancel-button {
   }
 }
 
+.store_content a {
+  color: #68686b;
+  font-weight: 600;
+  span:last-child {
+   color: #000;
+   cursor: default;
+  }
+}
+
 .store-link {
   color: #2980b8 !important;
+  cursor: pointer;
+  font-weight: 600;
   &:hover {
     opacity: 0.7;
   }
@@ -5177,7 +5178,8 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 .store-tab #pills-tab .nav-item-link,
-.mobile-tab #pills-tab .nav-item-link {
+.mobile-tab #pills-tab .nav-item-link,
+#anchor-tab li a {
   display: block;
   text-decoration: none;
   margin: 0 0.1rem;
@@ -5200,6 +5202,14 @@ input[type="search"]::-webkit-search-cancel-button {
   }
 }
 
+#anchor-tab {
+    list-style: none;
+    li {
+      margin: 0 0.8rem;
+      cursor: pointer;
+    }
+}
+
 // #pills-tab .nav-item-link {
 //   display: block;
 //   padding: 0.5rem 1rem;
@@ -5222,8 +5232,11 @@ input[type="search"]::-webkit-search-cancel-button {
 // }
 
 @media screen and (max-width: 767px) {
-  .store-tab #pills-tab .nav-item-link {
-    margin: 0 0rem;
+  .store-tab #pills-tab .nav-item-link,
+  #anchor-tab {
+   li {
+    margin: 0 0.5rem;
+   }
   }
 }
 
@@ -5269,11 +5282,6 @@ input[type="search"]::-webkit-search-cancel-button {
   letter-spacing: 2px;
 }
 
-.store_content a {
-  color: #68686b;
-  font-weight: 600;
-}
-
 .store_content .reservation-link {
   margin-top: 15px;
   color: #2980b8;
@@ -5288,10 +5296,24 @@ input[type="search"]::-webkit-search-cancel-button {
   margin-bottom: 10px;
 }
 
-.store_content_item .title {
-  font-weight: 500;
-  @media (max-width: 576px) {
-    width: 30%;
+.store_content_item {
+  .title {
+    font-weight: 500;
+    @media (max-width: 576px) {
+      width: 30%;
+    }
+  }
+  .link_item {
+    width: 100%;
+    @media (max-width: 991px) {
+      width: 95%;
+    }
+    // @media (max-width: 767px) {
+    //   width: 95%;
+    // }
+    @media (max-width: 475px) {
+      width: 80%;
+    }
   }
 }
 

themes/hugo-universal-theme-master/static/js/bhouse.js

@@ -47,14 +47,14 @@ window.onload = function () {
         });
       }
       heightImg.push($(this));
-    }else {
-      $(this).css({
-        'height': 500 + 'px',
-        // 'max-width': 600 + 'px',
-        'object-fit': 'cover'
-      });
-      console.log('this',this);
-    }
+    } 
+    // else {
+    //   $(this).css({
+    //     'height': 580 + 'px',
+    //     'object-fit': 'cover'
+    //   });
+    //   console.log('this',this);
+    // }
 
     if (i === imgCount - 1) {
       $('#slider-loading').addClass("slider_loading");