SyuanYu 3 gadi atpakaļ
vecāks
revīzija
cb5ea96ed5

+ 8 - 1
layouts/_default/baseof.html

@@ -11,7 +11,14 @@
 <body>
     <div id="all">
         {{ partial "nav.html" . }}
-        {{ block "main" . }}{{ end }}
+        <div class="reserve">
+            <a
+                href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
+                <img src="/img/home/線上預約icon.png" alt="">
+            </a>
+        </div>
+        {{ block "main" . }}
+        {{ end }}
         {{ partial "footer.html" . }}
     </div>
     {{ partial "scripts.html" . }}

+ 1 - 1
layouts/about_mattress/about_mattress.html

@@ -62,7 +62,7 @@
       <div class="container" style="margin-top: 50px;">
         <div class="row mb-5 align-items-center b-bottom">
           <div class="col-12">
-            <h5>小寶優居 zzsleeper吾居床墊</h5>
+            <h5>小寶優居 x zZsleeper 吾居床墊</h5>
             <img class="my-4" src="/img/system_furniture/bn_product_bed_01@2x.png" alt="">
             <h5 class="my-4">找到適合自己的房子,你也該有一張適合自己的床</h5>
             <p class="mb-5">一輩子的家,交給最貼心的小寶優居。<br>

+ 17 - 10
layouts/blog/list.html

@@ -39,7 +39,8 @@
             <div class="bhouseweb_search_img" style="margin-right: 1vw;">
               <img src="/img/icon_search@2x.png" alt="">
             </div>
-            <input id="blog_search" class="me-md-2" type="search" placeholder="搜尋「預算」「電視牆設計」「天花板」「電器櫃」「沙發」" aria-label="Search">
+            <input id="blog_search" class="me-md-2" type="search" placeholder="搜尋「預算」「電視牆設計」「天花板」「電器櫃」「沙發」"
+              aria-label="Search">
           </form>
         </div>
       </div>
@@ -74,6 +75,11 @@
       {{ end }}
     </div>
     <a class="nav-link article_readMore" href="/blog_main/">< 回到成家知識庫</a>
+    <div class="reserve">
+      <a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
+        <img src="/img/home/線上預約icon.png" alt="">
+      </a>
+    </div>
   </div>
 
   {{ partial "footer.html" . }}
@@ -86,7 +92,6 @@
       // 取得 apiData
       let contentsData = [];
       let category = localStorage.getItem('category');
-      console.log('category_name', document.getElementById('category_name').textContent);
 
       if (category !== null) {
         document.getElementById('category_name').textContent = category;
@@ -100,7 +105,7 @@
         // 本地端網址 http://localhost:9001/api/
         fetch('http://192.53.174.202:9001/api/contents?url=/blog').then(res => res.json()).then(list => {
           contentsData = list;
-          console.log('contentsData', contentsData);
+          // contentsData.shift();
           filterCategory();
           // if (category !== null) {
           //   filterCategory();
@@ -178,8 +183,9 @@
           // if (item.categories) {
           //   if (item.categories.includes(category)) {
           // 搜尋所有分類文章
-          if (item.title.includes(inputVal) || item.description.includes(inputVal) || item.content.includes(inputVal)) {
-            matchContent += `
+          if (item.url !== '/blog') {
+            if (item.title.includes(inputVal) || item.description.includes(inputVal) || item.content.includes(inputVal)) {
+              matchContent += `
                 <div class="article-item">
                   <a href="${item.url}">
                     <img src="${item.image}" alt="">
@@ -194,12 +200,12 @@
                     </a>
                   </div>
                 </div>`
-          } else {
-            falseItem.push(item);
-          }
+            } else {
+              falseItem.push(item);
+            }
 
-          if (falseItem.length === contentsData.length) {
-            matchContent = `
+            if (falseItem.length === contentsData.length-1) {
+              matchContent = `
             <div class="alert d-flex align-items-center" role="alert" style="max-width: 300px;margin: 0 auto 25px;justify-content: center;">
               <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2" style="color: #808e4c;" viewBox="0 0 16 16" role="img" aria-label="Warning:">
                 <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
@@ -209,6 +215,7 @@
               </div>
             </div>
             `;
+            }
           }
           //   }
           // }

+ 5 - 2
layouts/blog_main/list.html

@@ -1279,8 +1279,11 @@
         </div>
       </div>
     </div>
-
-
+    <div class="reserve">
+      <a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
+        <img src="/img/home/線上預約icon.png" alt="">
+      </a>
+    </div>
   </div>
 
   {{ partial "footer.html" . }}

+ 6 - 0
layouts/collection/list.html

@@ -158,6 +158,12 @@
     <span style="font-size: 16px" class="fw-normal me-2"> &or;</span>
   </p>
 
+  <div class="reserve">
+    <a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
+      <img src="/img/home/線上預約icon.png" alt="">
+    </a>
+  </div>
+
   <!-- <div class="footer-template"></div> -->
 
   {{ partial "footer.html" . }}

+ 2 - 2
layouts/collection/single.html

@@ -88,7 +88,7 @@
                     <div class="sec02_content_text mt-3 mt-lg-0">
                         <h2 class="style_house_subtitle"> {{ .Params.collection_name }}</h2>
                         <p>
-                           {{.Params.collection_description }}
+                            {{.Params.collection_description }}
                         </p>
                     </div>
                 </div>
@@ -100,7 +100,7 @@
                     <div class="sec02_content_text mt-3 mt-lg-0">
                         <h2 class="style_house_subtitle"> {{ .Params.collection_name }}</h2>
                         <p>
-                           {{.Params.collection_description }}
+                            {{.Params.collection_description }}
                         </p>
                     </div>
                 </div>

+ 40 - 37
layouts/room_planner/room_planner.html

@@ -92,8 +92,8 @@
         <img class="room-planner-process-box_line_01 img-fluid" src="/img/blog/Vector01.png" alt="">
         <div class="container px-0">
           <div class="row px-0 mx-0 justify-content-between">
-            <div class="col-6 col-md-auto" >
-              <div data-gt-target="#scrollTarget1" data-gt-duration="500"data-gt-offset="50">
+            <div class="col-6 col-md-auto">
+              <div data-gt-target="#scrollTarget1" data-gt-duration="500" data-gt-offset="50">
                 <div class="room-planner-process-icon-number"><img src="/img/room_planner/01.png" alt="" width="38">
                 </div>
                 <div class="room-planner-process-icon">
@@ -104,7 +104,7 @@
               <div class="room-planner-process-box_mb_line"></div>
             </div>
             <div class="col-6 col-md-auto">
-              <div data-gt-target="#scrollTarget2" data-gt-duration="500"data-gt-offset="50">
+              <div data-gt-target="#scrollTarget2" data-gt-duration="500" data-gt-offset="50">
                 <div class="room-planner-process-icon-number text-end"><img src="/img/room_planner/02.png" alt=""
                     width="38"></div>
                 <div class="room-planner-process-icon">
@@ -115,7 +115,7 @@
               <div class="room-planner-process-box_mb_line2"></div>
             </div>
             <div class="col-6 col-md-auto">
-              <div data-gt-target="#scrollTarget3" data-gt-duration="500"data-gt-offset="50">
+              <div data-gt-target="#scrollTarget3" data-gt-duration="500" data-gt-offset="50">
                 <div class="room-planner-process-icon-number text-end"><img src="/img/room_planner/03.png" alt=""
                     width="45"></div>
 
@@ -127,7 +127,7 @@
               <div class="room-planner-process-box_mb_line"></div>
             </div>
             <div class="col-6 col-md-auto">
-              <div data-gt-target="#scrollTarget4" data-gt-duration="500"data-gt-offset="50">
+              <div data-gt-target="#scrollTarget4" data-gt-duration="500" data-gt-offset="50">
                 <div class="room-planner-process-icon-number text-end"><img src="/img/room_planner/04.png" alt=""
                     width="45"></div>
 
@@ -140,7 +140,7 @@
 
             </div>
             <div class="col-6 col-md-auto">
-              <div data-gt-target="#scrollTarget5" data-gt-duration="500"data-gt-offset="20">
+              <div data-gt-target="#scrollTarget5" data-gt-duration="500" data-gt-offset="20">
                 <div class="room-planner-process-icon-number text-end"><img src="/img/room_planner/05.png" alt=""
                     width="45"></div>
                 <div class="room-planner-process-icon">
@@ -170,8 +170,8 @@
         <img class="room-planner-process-box_line_01 img-fluid" src="/img/blog/Vector01.png" alt="">
         <div class="container px-0">
           <div class="row px-0 mx-0 justify-content-between">
-            <div class="col-6 col-md-auto" >
-              <div data-gt-target="#scrollTarget1-m" data-gt-duration="500"data-gt-offset="20">
+            <div class="col-6 col-md-auto">
+              <div data-gt-target="#scrollTarget1-m" data-gt-duration="500" data-gt-offset="20">
                 <div class="room-planner-process-icon-number"><img src="/img/room_planner/01.png" alt="" width="38">
                 </div>
                 <div class="room-planner-process-icon">
@@ -182,7 +182,7 @@
               <div class="room-planner-process-box_mb_line"></div>
             </div>
             <div class="col-6 col-md-auto">
-              <div data-gt-target="#scrollTarget2-m" data-gt-duration="500"data-gt-offset="20">
+              <div data-gt-target="#scrollTarget2-m" data-gt-duration="500" data-gt-offset="20">
                 <div class="room-planner-process-icon-number text-end"><img src="/img/room_planner/02.png" alt=""
                     width="38"></div>
                 <div class="room-planner-process-icon">
@@ -193,7 +193,7 @@
               <div class="room-planner-process-box_mb_line2"></div>
             </div>
             <div class="col-6 col-md-auto">
-              <div data-gt-target="#scrollTarget3-m" data-gt-duration="500"data-gt-offset="20">
+              <div data-gt-target="#scrollTarget3-m" data-gt-duration="500" data-gt-offset="20">
                 <div class="room-planner-process-icon-number text-end"><img src="/img/room_planner/03.png" alt=""
                     width="45"></div>
 
@@ -205,7 +205,7 @@
               <div class="room-planner-process-box_mb_line"></div>
             </div>
             <div class="col-6 col-md-auto">
-              <div data-gt-target="#scrollTarget4-m" data-gt-duration="500"data-gt-offset="20">
+              <div data-gt-target="#scrollTarget4-m" data-gt-duration="500" data-gt-offset="20">
                 <div class="room-planner-process-icon-number text-end"><img src="/img/room_planner/04.png" alt=""
                     width="45"></div>
 
@@ -218,7 +218,7 @@
 
             </div>
             <div class="col-6 col-md-auto">
-              <div data-gt-target="#scrollTarget5-m" data-gt-duration="500"data-gt-offset="20">
+              <div data-gt-target="#scrollTarget5-m" data-gt-duration="500" data-gt-offset="20">
                 <div class="room-planner-process-icon-number text-end"><img src="/img/room_planner/05.png" alt=""
                     width="45"></div>
                 <div class="room-planner-process-icon">
@@ -334,7 +334,7 @@
                           </div>
                         </div>
                         <!-- <hr class="dotted"> -->
-                    <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
+                        <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
                           <div>
@@ -349,7 +349,7 @@
                           </div>
                         </div>
                         <!-- <hr class="dotted"> -->
-                    <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
+                        <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
                           <div>
@@ -384,7 +384,7 @@
                 </div>
               </div>
             </div>
-            <div class="accordion-item" id="scrollTarget2-m" >
+            <div class="accordion-item" id="scrollTarget2-m">
               <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
                 <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse"
                   data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false"
@@ -440,7 +440,7 @@
                                 <li class="f-2A2A2A-16-400">用料材質</li>
                               </ul>
                               <ul>
-                     
+
                                 <li class="f-2A2A2A-16-400">收納計畫</li>
                                 <li class="f-2A2A2A-16-400">裝修項目</li>
                                 <li class="f-2A2A2A-16-400">搭配的家具與系統櫃</li>
@@ -513,7 +513,7 @@
                           </div>
                         </div>
                         <!-- <hr class="dotted"> -->
-                    <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
+                        <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
                           <div>
@@ -640,7 +640,7 @@
                         </div>
                         <!-- <div class="dottedline"></div> -->
                         <!-- <hr class="dotted"> -->
-                    <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
+                        <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
                           <div>
@@ -669,7 +669,7 @@
                           </div>
                         </div>
                         <!-- <hr class="dotted"> -->
-                    <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
+                        <img class="img-fluid mb-3" src="/img/room_planner/web.svg" alt="">
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
                           <div>
@@ -767,7 +767,7 @@
                     <!-- <div class="dottedline"></div> -->
                     <!-- <hr class="dotted"> -->
                     <img class="img-fluid" src="/img/room_planner/web.svg" alt="">
-                
+
                     <div class="room-planner-process-main-content-left-step-item d-flex">
                       <div>
                         <div class="step-qa-circle-q me-2 d-flex justify-content-center align-items-center">
@@ -1238,7 +1238,8 @@
               </div>
             </div>
             <div class="room_planner-sales-service-left-text">
-              <p class="f-2A2A2A-20 d-none d-lg-block text-center">用<span class="room-planner-service-no-28">5%</span> 的裝修服務費,換
+              <p class="f-2A2A2A-20 d-none d-lg-block text-center">用<span class="room-planner-service-no-28">5%</span>
+                的裝修服務費,換
                 <span class="room-planner-service-no-28">5%</span>的安心裝修
               </p>
               <p class="f-2A2A2A-20 d-block d-lg-none text-center">用<span class="room-planner-service-no-28">5%</span>
@@ -1282,26 +1283,28 @@
 
     </section>
     <hr class="style_house_line ">
-<div class="style_house_content home-content">
-    <div class="style_house_sec06 container-fluid px-0">
+    <div class="style_house_content home-content">
+      <div class="style_house_sec06 container-fluid px-0">
         <div class="row px-0 mx-0">
-            <div class="col-6 col-sm-6 bg-portfolio ps-0">
-                <a href="/collection/">
-                    <div class="bg-img"></div>
-                </a>
-            </div>
-            <div class="col-6 col-sm-6 bg-qa pe-0">
-                <a href="/frequently_asked_questions/">
-                    <div class="bg-img"></div>
-                </a>
-            </div>
+          <div class="col-6 col-sm-6 bg-portfolio ps-0">
+            <a href="/collection/">
+              <div class="bg-img"></div>
+            </a>
+          </div>
+          <div class="col-6 col-sm-6 bg-qa pe-0">
+            <a href="/frequently_asked_questions/">
+              <div class="bg-img"></div>
+            </a>
+          </div>
         </div>
+      </div>
     </div>
-</div>
-
-
-
 
+    <div class="reserve">
+      <a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
+        <img src="/img/home/線上預約icon.png" alt="">
+      </a>
+    </div>
 
     {{ partial "footer.html" . }}
 

+ 6 - 0
layouts/room_planner/room_planner2.html

@@ -208,6 +208,12 @@
         </div>
       </div>
     </div>
+
+    <div class="reserve">
+      <a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
+        <img src="/img/home/線上預約icon.png" alt="">
+      </a>
+    </div>
   </div>
 
   {{ partial "footer.html" . }}

+ 5 - 0
layouts/store/store.html

@@ -246,6 +246,11 @@
       </div>
     </div>
   </div>
+  <div class="reserve">
+    <a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
+      <img src="/img/home/線上預約icon.png" alt="">
+    </a>
+  </div>
 
   {{ partial "footer.html" . }}
   {{ partial "scripts.html" . }}

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

@@ -111,60 +111,185 @@
         <h5 class="title">
           成家知識專欄
         </h5>
-        <ul>
+        <ul class="pills-blog">
           <li>
-            <a href="">預售屋客變</a>
+            <a href="/blog/">預售屋客變</a>
           </li>
           <li>
-            <a href="">驗屋交屋</a>
+            <a href="/blog/">驗屋交屋</a>
           </li>
           <li>
-            <a href="">預算準備</a>
+            <a href="/blog/">預算準備</a>
           </li>
           <li>
-            <a href="">認識裝修裝潢</a>
+            <a href="/blog/">認識裝修裝潢</a>
           </li>
           <li>
-            <a href="">空間計劃</a>
+            <a href="/blog/">空間計畫</a>
           </li>
           <li>
-            <a href="">居家風格</a>
+            <a href="/blog/">居家風格</a>
           </li>
           <li>
-            <a href="">家具家電</a>
+            <a href="/blog/">家具家電</a>
           </li>
           <li>
-            <a href="">驗收入住</a>
+            <a href="/blog/">驗收入住</a>
           </li>
         </ul>
       </div>
     </div>
 
-    <div>
-      <img src="/img/bt_footer_index@2x.png" alt="logo" style="width: 50px; height: auto; object-fit: cover;">
-      <ul class="mobile-list">
-        <li>
-          <a href="">成家設計服務</a>
-        </li>
-        <li>
-          <a href="">成家知識專欄</a>
-        </li>
-        <li>
-          <a href="">成家故事作品集</a>
-        </li>
-        <li>
-          <a href="">小寶優居門市</a>
-        </li>
-        <li>
-          <a href="">小寶設計單品</a>
-        </li>
-        <li>
-          <a href="">關於小寶優居</a>
-        </li>
-        <li>
-          <a href="">社群平台</a>
-        </li>
-      </ul>
+    <div class="d-block d-md-none mobile-list">
+
+      <nav
+        style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);"
+        aria-label="breadcrumb">
+        <ol class="breadcrumb m-0">
+          <li class="breadcrumb-item">
+            <a href="/" class="d-block" style="margin-top: -2px;">
+              <img src="/img/bt_footer_index@2x.png" width="30px" alt="" class="m-auto">
+            </a>
+          </li>
+          <li class="breadcrumb-item" id="breadcrumb_main">
+            <a href="#"></a>
+          </li>
+          <li class="breadcrumb-item active" aria-current="page" id="breadcrumb_minor"></li>
+        </ol>
+      </nav>
+
+      <div class="d-flex align-items-start mobile-tab-list">
+        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
+          <button class="nav-link" id="v-pills-roomPlanner-tab" data-bs-toggle="pill"
+            data-bs-target="#v-pills-roomPlanner" type="button" role="tab" aria-controls="v-pills-roomPlanner"
+            aria-selected="true">成家設計服務<span>></span></button>
+          <button class="nav-link" id="v-pills-blog-tab" data-bs-toggle="pill" data-bs-target="#v-pills-blog"
+            type="button" role="tab" aria-controls="v-pills-blog" aria-selected="false">成家知識專欄<span>></span></button>
+          <button class="nav-link" id="v-pills-collection-tab" data-bs-toggle="pill"
+            data-bs-target="#v-pills-collection" type="button" role="tab" aria-controls="v-pills-collection"
+            aria-selected="false">成家故事作品集<span>></span></button>
+          <button class="nav-link" id="v-pills-store-tab" data-bs-toggle="pill" data-bs-target="#v-pills-store"
+            type="button" role="tab" aria-controls="v-pills-store" aria-selected="false">小寶優居門市<span>></span></button>
+          <button class="nav-link" id="v-pills-design-tab" data-bs-toggle="pill" data-bs-target="#v-pills-design"
+            type="button" role="tab" aria-controls="v-pills-design" aria-selected="false">小寶設計單品<span>></span></button>
+          <button class="nav-link" id="v-pills-about-tab" data-bs-toggle="pill" data-bs-target="#v-pills-about"
+            type="button" role="tab" aria-controls="v-pills-about" aria-selected="false">關於小寶優居<span>></span></button>
+          <button class="nav-link" id="v-pills-social-tab" data-bs-toggle="pill" data-bs-target="#v-pills-social"
+            type="button" role="tab" aria-controls="v-pills-social" aria-selected="false">社群平台<span>></span></button>
+        </div>
+        <div class="tab-content" id="v-pills-tabContent">
+          <div class="tab-pane fade" id="v-pills-roomPlanner" role="tabpanel" aria-labelledby="v-pills-roomPlanner-tab">
+            <ul>
+              <li>
+                <a href="/room_planner/">成家設計服務流程</a>
+              </li>
+              <li>
+                <a href="/frequently_asked_questions/">服務常見QA</a>
+              </li>
+            </ul>
+          </div>
+          <div class="tab-pane fade pills-blog" id="v-pills-blog" role="tabpanel" aria-labelledby="v-pills-blog-tab">
+            <ul>
+              <li>
+                <a href="/blog/">預售屋客變</a>
+              </li>
+              <li>
+                <a href="/blog/">驗屋交屋</a>
+              </li>
+              <li>
+                <a href="/blog/">預算準備</a>
+              </li>
+              <li>
+                <a href="/blog/">認識裝修裝潢</a>
+              </li>
+              <li>
+                <a href="/blog/">空間計畫</a>
+              </li>
+              <li>
+                <a href="/blog/">居家風格</a>
+              </li>
+              <li>
+                <a href="/blog/">家具家電</a>
+              </li>
+              <li>
+                <a href="/blog/">驗收入住</a>
+              </li>
+            </ul>
+          </div>
+          <div class="tab-pane fade" id="v-pills-collection" role="tabpanel" aria-labelledby="v-pills-collection-tab">
+            <ul>
+              <li>
+                <a href="/collection/" onclick="setCollectionValue('透天')">透天設計</a>
+              </li>
+              <li>
+                <a href="/collection/" onclick="setCollectionValue('大樓')">大樓設計</a>
+              </li>
+            </ul>
+          </div>
+          <div class="tab-pane fade" id="v-pills-store" role="tabpanel" aria-labelledby="v-pills-store-tab">
+            <ul>
+              <li>
+                <a href="/store/" onclick="setValue('NewTaipei')">服務範圍</a>
+              </li>
+              <li>
+                <a href="/store/" onclick="setValue('NewTaipei')">新北門市</a>
+              </li>
+              <!-- <li>
+                <a href="">桃園門市</a>
+              </li> -->
+              <li>
+                <a href="/store/" onclick="setValue('Taichung')">台中門市</a>
+              </li>
+              <li>
+                <a href="/store/" onclick="setValue('Tainan')">台南門市</a>
+              </li>
+            </ul>
+          </div>
+          <div class="tab-pane fade" id="v-pills-design" role="tabpanel" aria-labelledby="v-pills-design-tab">
+            <ul>
+              <li>
+                <a href="/furniture_design/sofa/">所有設計單品</a>
+              </li>
+              <li>
+                <a href="/system_furniture/">關於系統櫃</a>
+              </li>
+              <li>
+                <a href="/solid_wood_furniture/">關於家具</a>
+              </li>
+              <li>
+                <a href="/about_mattress/">關於床墊</a>
+              </li>
+            </ul>
+          </div>
+          <div class="tab-pane fade" id="v-pills-about" role="tabpanel" aria-labelledby="v-pills-about-tab">
+            <ul>
+              <li>
+                <a href="/about_bhouse/">我們的理念</a>
+              </li>
+              <li>
+                <a href="/news/">最新消息公告</a>
+              </li>
+              <li>
+                <a href="mailto:agnes.chen@bhouse.com.tw,jade.wang@bhouse.com.tw">媒體聯繫</a>
+              </li>
+              <li>
+                <a target="_blank" href="https://www.104.com.tw/company/1a2x6bk01k">人才招募</a>
+              </li>
+            </ul>
+          </div>
+          <div class="tab-pane fade" id="v-pills-social" role="tabpanel" aria-labelledby="v-pills-social-tab">
+            <ul>
+              <li>
+                <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>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
     </div>
 
     <div class="copyright">
@@ -185,6 +310,95 @@
   function setCollectionValue(type) {
     localStorage.setItem('type', type)
   }
+  (function setBreadcrumb() {
+    let pathName = window.location.pathname;
+    const breadcrumbMain = document.getElementById('breadcrumb_main');
+    const breadcrumbMinor = document.getElementById('breadcrumb_minor');
+    let mainTab = "";
+    let minorTab = "";
+    let assignPathName = "";
+
+    if (pathName.includes('room_planner') || pathName.includes('frequently_asked_questions')) {
+      minorTab = '';
+      mainTab = '成家設計服務';
+      assignPathName = '/room_planner/';
+    } else if (pathName.includes('blog_main')) {
+      minorTab = '';
+      mainTab = '成家知識專欄';
+      assignPathName = '/blog_main/';
+    } else if (pathName.includes('collection')) {
+      mainTab = '成家故事作品集';
+    } else if (pathName.includes('store')) {
+      mainTab = '小寶優居門市';
+    } else if (pathName.includes('furniture_design') || pathName.includes('system_furniture') || pathName.includes('solid_wood_furniture') || pathName.includes('about_mattress')) {
+      mainTab = '小寶設計單品';
+    } else if (pathName.includes('about_bhouse') || pathName.includes('news')) {
+      mainTab = '關於小寶優居';
+    } else if (pathName.includes('blog')) {
+      mainTab = '成家知識專欄';
+      assignPathName = '/blog_main/';
+    } 
+    
+    let innerContent = `<a href="${assignPathName}">${mainTab}</a>`;
+    breadcrumbMain.innerHTML = innerContent;
+
+    if (pathName.includes('frequently_asked_questions')) {
+      minorTab = "服務常見QA";
+    } else if (pathName.includes('furniture_design')) {
+      minorTab = '所有設計單品';
+    } else if (pathName.includes('system_furniture')) {
+      minorTab = '關於系統櫃';
+    } else if (pathName.includes('solid_wood_furniture')) {
+      minorTab = '關於家具';
+    } else if (pathName.includes('about_mattress')) {
+      minorTab = '關於床墊';
+    } else if (pathName.includes('about_bhouse')) {
+      minorTab = '我們的理念';
+    } else if (pathName.includes('news')) {
+      minorTab = '最新消息公告';
+    } else if (pathName.includes('blog_main')) {
+      minorTab = '';
+    } else if (pathName.includes('blog')) {
+      let category = localStorage.getItem('category')
+      minorTab = category;
+    }
+    // else if (pathName.includes('store')) {
+    //   let storeVal = localStorage.getItem('store');
+    //   switch (storeVal) {
+    //     case 'NewTaipei':
+    //       minorTab = '新北門市';
+    //       break;
+    //     case 'Taichung':
+    //       minorTab = '台中門市';
+    //       break;
+    //     case 'Tainan':
+    //       minorTab = '台南門市';
+    //       break;
+    //     default:
+    //       minorTab = '新北門市';
+    //   }
+    // }
+
+    breadcrumbMinor.innerText = minorTab;
+
+    if (mainTab === "") {
+      breadcrumbMain.style.display = "none";
+    }
+
+    if (minorTab === "") {
+      breadcrumbMinor.style.display = "none";
+    } else {
+      breadcrumbMinor.style.display = "block";
+    }
+
+    const blogItem = document.querySelectorAll(".pills-blog a");
+    for (let i = 0; i < blogItem.length; i++) {
+      blogItem[i].addEventListener("click", function (e) {
+        let categoryName = this.innerHTML;
+        localStorage.setItem('category', categoryName)
+      });
+    }
+  })();
 </script>
 
 <!-- *** COPYRIGHT END *** -->

+ 5 - 0
themes/hugo-universal-theme-master/layouts/partials/furniture_design.html

@@ -63,6 +63,11 @@
   </div>
 
   <div style="border-top: 1px solid grey; position: absolute; width: 100%; left: 0;"></div>
+  <div class="reserve">
+    <a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
+      <img src="/img/home/線上預約icon.png" alt="">
+    </a>
+  </div>
 </div>
 
 <script>

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

@@ -212,13 +212,14 @@ img {
 }
 
 .navbar .navbar-link {
-  padding: 0 20px;
+  padding: 13px 20px;
   color: var(--main-color);
   font-weight: 500;
 }
 
 .navbar .navbar-link:hover {
   color: #ffffff;
+  background: var(--main-color);
 }
 
 .navbar .navbar-brand {
@@ -232,7 +233,12 @@ img {
 }
 
 .navbar .mx-auto {
-  padding: 5px 0px;
+  padding: 0;
+}
+@media (max-width: 767px) {
+  .navbar .mx-auto {
+    padding: 5px 0px;
+  }
 }
 
 .navbar .navbar-brand img {
@@ -331,7 +337,7 @@ img {
 
 @media (max-width: 991px) {
   .news-link {
-    margin-top: 80px;
+    margin-top: 70px;
   }
 }
 
@@ -484,25 +490,53 @@ img {
   letter-spacing: 1px;
 }
 
-.footer .mobile-list {
+.footer .mobile-list nav {
+  padding: 40px 60px;
+  border-bottom: 1px solid var(--dark-gray);
+}
+.footer .mobile-list nav .breadcrumb-item a {
+  display: flex;
+  font-weight: 700;
+  color: var(--main-color);
+}
+.footer .mobile-list nav #breadcrumb_minor {
+  color: #68686b;
+  font-weight: 700 !important;
+}
+.footer .mobile-list .mobile-tab-list {
+  font-size: 18px;
+  margin: 30px auto;
+  justify-content: space-around;
+}
+.footer .mobile-list .mobile-tab-list button {
+  display: flex;
+  font-weight: 700;
+  color: var(--main-color);
+}
+.footer .mobile-list .mobile-tab-list button span {
   display: none;
-  border-top: 1px solid var(--dark-gray);
-  padding-top: 10px;
-  margin-bottom: 30px;
+  margin-left: 15px;
 }
-
-.footer .mobile-list li {
-  margin: 20px 0 20px 50px;
+.footer .mobile-list .mobile-tab-list .active span {
+  display: block;
 }
-
-.footer .mobile-list a {
-  font-size: 20px;
+.footer .mobile-list .mobile-tab-list .nav-pills .nav-link.active {
   color: var(--main-color);
-  font-weight: 400;
+  background: none !important;
 }
-
-.footer .mobile-list a:hover {
-  opacity: 0.8;
+.footer .mobile-list .mobile-tab-list .tab-content {
+  width: 30vw;
+}
+.footer .mobile-list .mobile-tab-list .tab-content li {
+  margin: 7px 0 15px;
+}
+.footer .mobile-list .mobile-tab-list .tab-content li a {
+  color: #68686b;
+  font-weight: 700;
+  letter-spacing: 1px;
+}
+.footer .mobile-list .mobile-tab-list #v-pills-tab {
+  width: 200px;
 }
 
 .footer .copyright {
@@ -535,9 +569,6 @@ img {
   .footer .list {
     display: none;
   }
-  .footer .mobile-list {
-    display: block;
-  }
 }
 
 /* footer end */
@@ -657,10 +688,11 @@ img {
   position: fixed;
   bottom: 5vw;
   right: 5vw;
+  z-index: 999;
 }
 
 .reserve img {
-  width: 100px;
+  width: 100px !important;
 }
 
 /* home end */
@@ -728,7 +760,7 @@ img {
   margin-left: 10px;
   letter-spacing: 1px;
   color: #000;
-  font-size: 14px;
+  font-size: 20px;
   font-weight: 500;
   font-weight: normal;
 }
@@ -825,7 +857,7 @@ img {
 
 @media screen and (max-width: 991px) {
   .bhouseweb_loc_banner {
-    padding-top: 80px;
+    padding-top: 70px;
   }
 }
 
@@ -989,7 +1021,7 @@ img {
 
 @media screen and (max-width: 991px) {
   .bhouseweb_loc_banner {
-    padding-top: 80px;
+    padding-top: 70px;
   }
 }
 
@@ -4828,6 +4860,9 @@ input[type="search"]::-webkit-search-cancel-button {
     width: 90%;
   }
 }
+.furniture_design_content .tw-15 {
+  font-weight: bold;
+}
 
 .furniture-design p {
   padding-right: 15px;
@@ -5028,7 +5063,7 @@ input[type="search"]::-webkit-search-cancel-button {
 
 @media (max-width: 767px) {
   .furniture-design .nav-pills {
-    padding-top: 15px;
+    padding-top: 12px;
   }
 }
 
@@ -5189,6 +5224,9 @@ input[type="search"]::-webkit-search-cancel-button {
 .design-container {
   padding-top: 50px;
 }
+.design-container .me-3 {
+  font-weight: bold;
+}
 
 .design-container p {
   line-height: 32px;
@@ -5658,10 +5696,13 @@ input[type="search"]::-webkit-search-cancel-button {
 
 .store_content .reservation-link {
   margin-top: 15px;
-  color: #4c660b;
+  color: #2980b8;
   font-weight: 600;
   font-size: 17px;
 }
+.store_content .reservation-link:hover {
+  opacity: 0.7;
+}
 
 .store_content .store_content_item {
   margin-bottom: 10px;

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 2
themes/hugo-universal-theme-master/static/css/style.bhouse.css.map


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

@@ -198,13 +198,14 @@ img {
 }
 
 .navbar .navbar-link {
-  padding: 0 20px;
+  padding: 13px 20px;
   color: var(--main-color);
   font-weight: 500;
 }
 
 .navbar .navbar-link:hover {
   color: #ffffff;
+  background: var(--main-color);
 }
 
 .navbar .navbar-brand {
@@ -215,8 +216,12 @@ img {
 }
 
 .navbar .mx-auto {
-padding:5px 0px;
+  padding: 0;
+  @media (max-width: 767px) {
+    padding: 5px 0px;
+  }
 }
+
 .navbar .navbar-brand img {
   // width: 70%;
   margin-left: 10%;
@@ -314,11 +319,11 @@ padding:5px 0px;
     }
   }
   @media (max-width: 991px) {
-    margin-top: 80px;
+    margin-top: 70px;
   }
 }
 
-.navbar>.container-fluid {
+.navbar > .container-fluid {
   display: flex !important;
 }
 
@@ -451,24 +456,56 @@ padding:5px 0px;
 }
 
 .footer .mobile-list {
-  display: none;
-  border-top: 1px solid var(--dark-gray);
-  padding-top: 10px;
-  margin-bottom: 30px;
-}
-
-.footer .mobile-list li {
-  margin: 20px 0 20px 50px;
-}
-
-.footer .mobile-list a {
-  font-size: 20px;
-  color: var(--main-color);
-  font-weight: 400;
-}
-
-.footer .mobile-list a:hover {
-  opacity: 0.8;
+  nav {
+    padding: 40px 60px;
+    border-bottom: 1px solid var(--dark-gray);
+    .breadcrumb-item a {
+      display: flex;
+      font-weight: 700;
+      color: var(--main-color);
+    }
+    #breadcrumb_minor {
+      color: #68686b;
+      font-weight: 700 !important;
+    }
+  }
+  .mobile-tab-list {
+    font-size: 18px;
+    margin: 30px auto;
+    justify-content: space-around;
+    button {
+      display: flex;
+      font-weight: 700;
+      color: var(--main-color);
+      span {
+        display: none;
+        margin-left: 15px;
+      }
+    }
+    .active {
+      span {
+        display: block;
+      }
+    }
+    .nav-pills .nav-link.active {
+      color: var(--main-color);
+      background: none !important;
+    }
+    .tab-content {
+      width: 30vw;
+      li {
+        margin: 7px 0 15px;
+        a {
+          color: #68686b;
+          font-weight: 700;
+          letter-spacing: 1px;
+        }
+      }
+    }
+    #v-pills-tab {
+      width: 200px;
+    }
+  }
 }
 
 .footer .copyright {
@@ -504,9 +541,9 @@ padding:5px 0px;
     display: none;
   }
 
-  .footer .mobile-list {
-    display: block;
-  }
+  // .footer .mobile-list {
+  //   display: block;
+  // }
 }
 
 /* footer end */
@@ -619,10 +656,11 @@ padding:5px 0px;
   position: fixed;
   bottom: 5vw;
   right: 5vw;
+  z-index: 999;
 }
 
 .reserve img {
-  width: 100px;
+  width: 100px !important;
 }
 
 /* home end */
@@ -692,7 +730,7 @@ padding:5px 0px;
     margin-left: 10px;
     letter-spacing: 1px;
     color: #000;
-    font-size: 14px;
+    font-size: 20px;
     font-weight: 500;
     font-weight: normal;
   }
@@ -797,7 +835,7 @@ padding:5px 0px;
 
 @media screen and (max-width: 991px) {
   .bhouseweb_loc_banner {
-    padding-top: 80px;
+    padding-top: 70px;
   }
 }
 
@@ -948,7 +986,7 @@ padding:5px 0px;
 
 @media screen and (max-width: 991px) {
   .bhouseweb_loc_banner {
-    padding-top: 80px;
+    padding-top: 70px;
   }
 }
 
@@ -1625,12 +1663,12 @@ input[type="search"]::-webkit-search-cancel-button {
 
 /* 成家設計服務-room_planner start */
 /* 成家設計服務-room_planner start */
-.room-planner-process-destop{
+.room-planner-process-destop {
   @media screen and (max-width: $table) {
-  display: none;
+    display: none;
   }
 }
-.room-planner-process-mb{
+.room-planner-process-mb {
   @media screen and (min-width: $desktop) {
     display: none;
   }
@@ -4112,10 +4150,12 @@ input[type="search"]::-webkit-search-cancel-button {
   @media (max-width: 991px) {
     width: 75%;
   }
-
   @media (max-width: 575px) {
     width: 90%;
   }
+  .tw-15 {
+    font-weight: bold;
+  }
 }
 .furniture-design p {
   padding-right: 15px;
@@ -4327,7 +4367,7 @@ input[type="search"]::-webkit-search-cancel-button {
 
 @media (max-width: 767px) {
   .furniture-design .nav-pills {
-    padding-top: 15px;
+    padding-top: 12px;
   }
 }
 
@@ -4461,6 +4501,9 @@ input[type="search"]::-webkit-search-cancel-button {
 /* 設計家具 start */
 .design-container {
   padding-top: 50px;
+  .me-3 {
+    font-weight: bold;
+  }
 }
 
 .design-container p {
@@ -4506,35 +4549,6 @@ input[type="search"]::-webkit-search-cancel-button {
   }
 }
 
-// .design-container .slider-design .design-img img {
-//   width: 96.3%;
-//   max-height: 400px;
-//   -o-object-fit: cover;
-//   object-fit: cover;
-// }
-
-// @media (max-width: 991px) {
-//   .design-container .slider-design .design-img img {
-//     margin: auto;
-//     max-width: 98%;
-//   }
-// }
-
-// @media (max-width: 767px) {
-//   .design-container .slider-design .design-img img {
-//     width: 530px;
-//     max-width: 100%;
-//     padding-right: 1%;
-//   }
-// }
-
-// @media (max-width: 575px) {
-//   .design-container .slider-design .design-img img {
-//     padding-right: 0;
-//     padding: 0 1.5% 0 1%;
-//   }
-// }
-
 .design-container .slider-nav img {
   // width: 90%;
   // height: 130px;
@@ -4543,22 +4557,10 @@ input[type="search"]::-webkit-search-cancel-button {
   cursor: pointer;
 }
 
-// .design-container .slider-nav .slick-slide {
-//   width: 33% !important;
-// }
-
-// .design-container .slider-nav .slick-list {
-//   padding: 0 !important;
-// }
-
 .design-container .slider-nav .middle-item {
   padding: 0 5px;
 }
 
-// .design-container .slider-nav .middle-item img {
-// padding: 0 5px;
-// }
-
 .furniture-design .design-border {
   border-bottom: 2px solid var(--second-color);
   border-radius: 0;
@@ -4975,9 +4977,12 @@ input[type="search"]::-webkit-search-cancel-button {
 
 .store_content .reservation-link {
   margin-top: 15px;
-  color: #4c660b;
+  color: #2980b8;
   font-weight: 600;
   font-size: 17px;
+  &:hover {
+    opacity: 0.7;
+  }
 }
 
 .store_content .store_content_item {

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels