SyuanYu před 2 roky
rodič
revize
326981a8cf

+ 22 - 10
layouts/about_mattress/about_mattress.html

@@ -15,17 +15,29 @@
     </section>
     <!-- 手機版型 -->
     <div class="mobile-tab d-block d-md-none">
-      <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+      <div class="row">
+        <div class="col-4 m-auto all-tab">
+          <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+        </div>
+      </div>
       <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
-        <li class="nav-item tab-item" role="presentation">
-          <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
-        </li>
-        <li class="nav-item tab-item" role="presentation">
-          <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
-        </li>
-        <li class="nav-item tab-item nav-active" role="presentation">
-          <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
-        </li>
+        <div class="row w-100">
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
+            </li>
+          </div>
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
+            </li>
+          </div>
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
+            </li>
+          </div>
+        </div>
       </ul>
     </div>
     <!-- 電腦版型 -->

+ 22 - 10
layouts/solid_wood_furniture/solid_wood_furniture.html

@@ -15,17 +15,29 @@
     </section>
     <!-- 手機版型 -->
     <div class="mobile-tab d-block d-md-none">
-      <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+      <div class="row">
+        <div class="col-4 m-auto all-tab">
+          <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+        </div>
+      </div>
       <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
-        <li class="nav-item tab-item" role="presentation">
-          <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
-        </li>
-        <li class="nav-item tab-item nav-active" role="presentation">
-          <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
-        </li>
-        <li class="nav-item tab-item" role="presentation">
-          <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
-        </li>
+        <div class="row w-100">
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
+            </li>
+          </div>
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
+            </li>
+          </div>
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
+            </li>
+          </div>
+        </div>
       </ul>
     </div>
     <!-- 電腦版型 -->

+ 22 - 10
layouts/system_furniture/system_furniture.html

@@ -15,17 +15,29 @@
     </section>
     <!-- 手機版型 -->
     <div class="mobile-tab d-block d-md-none">
-      <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+      <div class="row">
+        <div class="col-4 m-auto all-tab">
+          <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+        </div>
+      </div>
       <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
-        <li class="nav-item tab-item nav-active" role="presentation">
-          <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
-        </li>
-        <li class="nav-item tab-item" role="presentation">
-          <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
-        </li>
-        <li class="nav-item tab-item" role="presentation">
-          <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
-        </li>
+        <div class="row w-100">
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
+            </li>
+          </div>
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
+            </li>
+          </div>
+          <div class="col-4">
+            <li class="nav-item tab-item" role="presentation">
+              <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
+            </li>
+          </div>
+        </div>
       </ul>
     </div>
     <!-- 電腦版型 -->

+ 15 - 30
themes/hugo-universal-theme-master/layouts/partials/furniture_design.html

@@ -9,13 +9,7 @@
         <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
       </div>
     </div>
-
-  
-    <!-- <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a> -->
     <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
-      <!-- <li class="nav-item tab-item" role="presentation">
-        <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
-      </li> -->
       <div class="row w-100">
         <div class="col-4">
           <li class="nav-item tab-item" role="presentation">
@@ -33,15 +27,6 @@
           </li>
         </div>
       </div>
-      <!-- <li class="nav-item tab-item" role="presentation">
-        <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
-      </li> -->
-      <!-- <li class="nav-item tab-item" role="presentation">
-        <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
-      </li>
-      <li class="nav-item tab-item" role="presentation">
-        <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
-      </li> -->
     </ul>
   </div>
   <!-- 電腦版型 -->
@@ -82,21 +67,21 @@
 
 <script>
   // 儲存點擊的 Link ID 後加上 Class Name
-    // 預設沙發頁
-    if (window.location.pathname === '/furniture_design/sofa/') {
-      localStorage.setItem('assignLink', 'sofa');
-    }
+  // 預設沙發頁
+  if (window.location.pathname === '/furniture_design/sofa/') {
+    localStorage.setItem('assignLink', 'sofa');
+  }
+
+  let linkList = document.querySelectorAll(".furniture-design .nav-link");
+  for (let i = 0; i < linkList.length; i++) {
+    linkList[i].addEventListener("click", function (e) {
+      console.log('e.target.id', e.target.id);
+      localStorage.setItem('assignLink', e.target.id);
+    });
+  }
 
-    let linkList = document.querySelectorAll(".furniture-design .nav-link");
-    for (let i = 0; i < linkList.length; i++) {
-      linkList[i].addEventListener("click", function (e) {
-        console.log('e.target.id',e.target.id);
-        localStorage.setItem('assignLink', e.target.id);
-      });
-    }
+  let linkID = localStorage.getItem('assignLink');
+  let link = document.querySelector(`.design-list #${linkID}`);
+  link.classList.add("assign-link");
 
-    let linkID = localStorage.getItem('assignLink');
-    let link = document.querySelector(`.design-list #${linkID}`);
-    link.classList.add("assign-link");
-  
 </script>

+ 23 - 11
themes/hugo-universal-theme-master/layouts/shortcodes/furniture_design.html

@@ -3,17 +3,29 @@
 </section>
 <!-- 手機版型 -->
 <div class="mobile-tab d-block d-md-none">
-  <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+  <div class="row">
+    <div class="col-4 m-auto all-tab">
+      <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+    </div>
+  </div>
   <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
-    <li class="nav-item tab-item" role="presentation">
-      <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
-    </li>
-    <li class="nav-item tab-item" role="presentation">
-      <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
-    </li>
-    <li class="nav-item tab-item" role="presentation">
-      <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
-    </li>
+    <div class="row w-100">
+      <div class="col-4">
+        <li class="nav-item tab-item" role="presentation">
+          <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
+        </li>
+      </div>
+      <div class="col-4">
+        <li class="nav-item tab-item" role="presentation">
+          <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
+        </li>
+      </div>
+      <div class="col-4">
+        <li class="nav-item tab-item" role="presentation">
+          <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
+        </li>
+      </div>
+    </div>
   </ul>
 </div>
 <!-- 電腦版型 -->
@@ -58,7 +70,7 @@
   }
 
   let linkList = document.querySelectorAll(".design-list .nav-link");
-  console.log('清單 linkList',linkList);
+  console.log('清單 linkList', linkList);
   for (let i = 0; i < linkList.length; i++) {
     linkList[i].addEventListener("click", function (e) {
       localStorage.setItem('assignLink', e.target.id);