Ver Fonte

新增頂部輪播廣告

SyuanYu há 10 meses atrás
pai
commit
b736213d1b
8 ficheiros alterados com 1388 adições e 962 exclusões
  1. 113 1
      css/all.css
  2. 0 0
      css/all.css.map
  3. 156 1
      css/all.scss
  4. 10 5
      designers/lists/index.html
  5. 1 0
      designers/lists/js/main.js
  6. 954 954
      json/data_index.json
  7. 148 0
      template/top_carousel.html
  8. 6 1
      videos/lists/index.html

+ 113 - 1
css/all.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 * {
   font-weight: 500;
   font-family: "Noto Sans TC", sans-serif !important;
@@ -562,4 +563,115 @@ body {
   opacity: 0.7 !important;
 }
 
-/* searchModal End *//*# sourceMappingURL=all.css.map */
+/* searchModal End */
+/* 頂部輪播 Start */
+.top-carousel {
+  padding: 1rem 0;
+  background-color: rgb(202, 202, 202);
+  transition-property: height;
+  transition-duration: 300ms;
+}
+.top-carousel .slick-next {
+  right: 25px;
+}
+.top-carousel .slick-prev {
+  left: 25px;
+}
+.top-carousel .slick-prev,
+.top-carousel .slick-next {
+  position: absolute;
+  top: 50%;
+  z-index: 100;
+  border: none;
+  background: transparent;
+}
+.top-carousel .slick-prev::before,
+.top-carousel .slick-next::before {
+  display: none;
+}
+.top-carousel .bullet-list {
+  position: absolute;
+  bottom: 13px;
+  width: 1276px;
+  max-width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  z-index: 10;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+@media (max-width: 991px) {
+  .top-carousel .bullet-list {
+    bottom: 0;
+  }
+}
+.top-carousel .bullet-list .bullet {
+  position: relative;
+  width: 100%;
+  height: 3px;
+  background-color: rgba(0, 0, 0, 0.1);
+  flex: 1 1 auto;
+  opacity: 1;
+}
+.top-carousel .bullet-list .bullet::after {
+  content: "";
+  background: #ee7800;
+  position: absolute;
+  width: 0;
+  height: 100%;
+  left: 0;
+  top: 0;
+  border-radius: 2px;
+}
+.top-carousel .bullet-active::after {
+  width: 0;
+  animation-name: progress;
+  animation-duration: 4s;
+  animation-timing-function: linear;
+}
+@keyframes progress {
+  0% {
+    width: 0%;
+  }
+  25% {
+    width: 25%;
+  }
+  50% {
+    width: 50%;
+  }
+  75% {
+    width: 75%;
+  }
+  100% {
+    width: 100%;
+  }
+}
+.top-carousel .close-btn {
+  position: absolute;
+  top: 0;
+  right: 20px;
+  width: 55px;
+  height: 35px;
+  background-color: hsla(0, 0%, 100%, 0.66);
+  border-radius: 0 0 50px 50px;
+  color: #888;
+  border: none;
+  outline: none;
+  font-size: 11px;
+  box-shadow: 0 0 10px rgba(32, 32, 32, 0.25);
+  line-height: 12px;
+  z-index: 3;
+}
+.top-carousel .close-btn p {
+  margin-top: -3px;
+}
+.top-carousel.banner-close {
+  height: 0;
+  overflow: hidden;
+  transition-property: height;
+  transition-duration: 300ms;
+}
+.top-carousel .container-fluid {
+  background-color: rgb(202, 202, 202);
+}
+
+/* 頂部輪播 End *//*# sourceMappingURL=all.css.map */

Diff do ficheiro suprimidas por serem muito extensas
+ 0 - 0
css/all.css.map


+ 156 - 1
css/all.scss

@@ -653,4 +653,159 @@ body {
   opacity: 0.7 !important;
 }
 
-/* searchModal End */
+/* searchModal End */
+
+/* 頂部輪播 Start */
+
+.top-carousel {
+  padding: 1rem 0;
+  background-color: rgb(202, 202, 202);
+  transition-property: height;
+  transition-duration: 300ms;
+
+  .slick-next {
+    right: 25px;
+  }
+
+  .slick-prev {
+    left: 25px;
+  }
+
+  .slick-prev,
+  .slick-next {
+    position: absolute;
+    top: 50%;
+    z-index: 100;
+    border: none;
+    background: transparent;
+
+    &::before {
+      display: none;
+    }
+  }
+
+  .bullet-list {
+    position: absolute;
+    bottom: 13px;
+    width: 1276px;
+    max-width: 100%;
+    box-sizing: border-box;
+    display: flex;
+    z-index: 10;
+    background-color: rgba(0, 0, 0, 0.1);
+
+    @media (max-width: 991px) {
+      bottom: 0;
+    }
+
+    .bullet {
+      position: relative;
+      width: 100%;
+      height: 3px;
+      background-color: rgba(0, 0, 0, 0.1);
+      flex: 1 1 auto;
+      opacity: 1;
+
+      &::after {
+        content: "";
+        background: #ee7800;
+        position: absolute;
+        width: 0;
+        height: 100%;
+        left: 0;
+        top: 0;
+        border-radius: 2px;
+      }
+    }
+  }
+
+  .bullet-active::after {
+    width: 0;
+    -webkit-animation-name: progress;
+    animation-name: progress;
+    -webkit-animation-duration: 4s;
+    animation-duration: 4s;
+    -webkit-animation-timing-function: linear;
+    animation-timing-function: linear;
+  }
+
+
+  @keyframes progress {
+    0% {
+      width: 0%;
+    }
+
+    25% {
+      width: 25%;
+    }
+
+    50% {
+      width: 50%;
+    }
+
+    75% {
+      width: 75%;
+    }
+
+    100% {
+      width: 100%;
+    }
+  }
+
+  @-webkit-keyframes progress {
+    0% {
+      width: 0%;
+    }
+
+    25% {
+      width: 25%;
+    }
+
+    50% {
+      width: 50%;
+    }
+
+    75% {
+      width: 75%;
+    }
+
+    100% {
+      width: 100%;
+    }
+  }
+
+  .close-btn {
+    position: absolute;
+    top: 0;
+    right: 20px;
+    width: 55px;
+    height: 35px;
+    background-color: hsla(0, 0%, 100%, 0.66);
+    border-radius: 0 0 50px 50px;
+    color: #888;
+    border: none;
+    outline: none;
+    font-size: 11px;
+    box-shadow: 0 0 10px rgba(32, 32, 32, 0.25);
+    line-height: 12px;
+    z-index: 3;
+
+    p {
+      margin-top: -3px;
+    }
+  }
+
+  &.banner-close {
+    height: 0;
+    overflow: hidden;
+    transition-property: height;
+    transition-duration: 300ms;
+  }
+
+  .container-fluid {
+    background-color: rgb(202, 202, 202);
+  }
+
+}
+
+/* 頂部輪播 End */

+ 10 - 5
designers/lists/index.html

@@ -55,6 +55,8 @@
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&display=swap" rel="stylesheet" />
+  <!-- Slick -->
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
   <!-- CSS -->
   <link rel="stylesheet" href="../../css/reset.css" />
   <link rel="stylesheet" href="../../css/lists.css" />
@@ -137,6 +139,7 @@
 
 <body>
   <!-- 動態載入 -->
+  <div id="topCarousel"></div>
   <div id="navbar"></div>
 
   <!-- searchModal -->
@@ -926,12 +929,12 @@
           </div>
         </div>
 
-          <!-- 讀取圖示 -->
-          <div class="text-center my-5" id="designerSpinner">
-            <div class="spinner-border text-primary" role="status">
-              <span class="visually-hidden">Loading...</span>
-            </div>
+        <!-- 讀取圖示 -->
+        <div class="text-center my-5" id="designerSpinner">
+          <div class="spinner-border text-primary" role="status">
+            <span class="visually-hidden">Loading...</span>
           </div>
+        </div>
 
         <!-- 設計師列表 -->
         <div class="row mt-5" id="designerList">
@@ -974,6 +977,8 @@
 
   <!-- jQuery -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  <!-- Slick -->
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
   <!-- Bootstrap -->
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.1/dist/umd/popper.min.js"
     integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN"

+ 1 - 0
designers/lists/js/main.js

@@ -4,6 +4,7 @@
 // 載入共用 template
 $('#navbar').load('../../template/navbar.html');
 $('#footer').load('../../template/footer.html');
+$('#topCarousel').load('../../template/top_carousel.html');
 
 $('#removeResultBtn').hide(); // 隱藏全部清除按鈕
 

+ 954 - 954
json/data_index.json

@@ -1,970 +1,970 @@
 [
-    {
-        "_comment": "頂部輪播區",
-        "id": 0,
-        "block": "topCarousel",
+  {
+    "_comment": "頂部輪播區",
+    "id": 0,
+    "block": "topCarousel",
+    "data": [
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1691745237.jpg",
+        "link": "https://hhh.com.tw/designer-index.php?designer_id=32",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1691745176.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1691745255.jpg",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1691745250.jpg",
+        "id": 15666,
+        "alt": "理揚室內設計"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17397_1713333058.jpg",
+        "link": "https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17397_1713333039.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17397_1713333065.jpg",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17397_1713333061.jpg",
+        "id": 17397,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17205_1702972693.jpg",
+        "link": "https://hhh.com.tw/HHH_NEW/designers/index_designerList.php?cid=99",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17205_1702972656.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17205_1702972701.jpg",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17205_1702972697.jpg",
+        "id": 17205,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603096869.jpg",
+        "link": "https://hhh.com.tw/designer-index.php?designer_id=31",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603096869.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603096869.jpg.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603855335.webp",
+        "id": 15673,
+        "alt": "富億空間設計"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17037_1692604388.jpg",
+        "link": "https://hhh.com.tw/HHH_NEW/designers/index_designerList.php?cid=28",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17037_1692604300.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17037_1692604397.jpg",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17037_1692604393.jpg",
+        "id": 17037,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17494_1719478055.jpg",
+        "link": "https://hhh.com.tw/HHH_NEW/designers/index_designerList.php?cid=500",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17494_1719478047.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17494_1719478064.jpg",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17494_1719478060.jpg",
+        "id": 17494,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1682071915.jpg",
+        "link": "https://hhh.com.tw/designer-index.php?designer_id=447",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1682071906.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1682071927.jpg",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1682071921.jpg",
+        "id": 15662,
+        "alt": "恆岳空間設計"
+      }
+    ]
+  },
+  {
+    "_comment": "主要輪播區",
+    "id": 1,
+    "block": "sec02",
+    "data": [
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17493_1719476266.jpg",
+        "link": "https://event.hhh.com.tw/topglory/designer_684.html",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17493_1719476249.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17493_1719476396.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17493_1719476348.webp",
+        "logo_icon": "glory",
+        "index_char_1": "合併戶毛胚宅 紡織工藝承載家族溫度│現代風",
+        "index_char_2_1": "聯寬設計",
+        "index_char_2_2": "陳見行KEN、王毓婷TING",
+        "index_char_2_3": "設計師",
+        "id": 17493,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17492_1719476275.jpg",
+        "link": "https://hhh.com.tw/HHH_NEW/designers/index_designerList.php?cid=536",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17492_1719476271.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17492_1719476401.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17492_1719476360.webp",
+        "logo_icon": "renovation",
+        "index_char_1": "挹注簡約風範 描摹柔潤居所│現代風│45坪",
+        "index_char_2_1": "苡希創意設計",
+        "index_char_2_2": "葉佳奇",
+        "index_char_2_3": "設計師",
+        "id": 17492,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17491_1719476285.jpg",
+        "link": "https://event.hhh.com.tw/2024-Most-Favorite-Designers/case.php?id=510&title=%E7%A6%BE%E7%86%99%E5%AE%A4%E5%85%A7%E8%A3%9D%E4%BF%AE%E8%A8%AD%E8%A8%88%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17491_1719476280.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17491_1719476418.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17491_1719476368.webp",
+        "logo_icon": "designer",
+        "index_char_1": "彤霞皓魄│混搭風│16坪",
+        "index_char_2_1": "禾熙室內裝修設計",
+        "index_char_2_2": "謝張志昇",
+        "index_char_2_3": "設計師",
+        "id": 17491,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17490_1719476296.jpg",
+        "link": "https://event.hhh.com.tw/2024-Most-Favorite-Designers/case.php?id=474&title=%E9%9B%8B%E7%AF%89%E7%A9%BA%E9%96%93%E8%A8%AD%E8%A8%88%EF%BC%86%E7%9D%BF%E8%AC%99%E5%AE%A4%E5%85%A7%E8%A3%9D%E4%BF%AE",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17490_1719476291.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17490_1719476425.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17490_1719476377.webp",
+        "logo_icon": "designer",
+        "index_char_1": "清淡暖色木系 圍塑零壓療癒生活場域 │北歐混搭風│38坪",
+        "index_char_2_1": "雋築空間設計&睿謙室內裝修",
+        "index_char_2_2": "劉倢妤 Kimico",
+        "index_char_2_3": "設計師",
+        "id": 17490,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17489_1719476312.jpg",
+        "link": "https://event.hhh.com.tw/2024-Most-Favorite-Designers/case.php?id=857&title=%E8%8A%AC%E6%A0%BC%E8%A8%AD%E8%A8%88%E5%B7%A5%E7%A8%8B",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17489_1719476303.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17489_1719476430.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17489_1719476386.webp",
+        "logo_icon": "designer",
+        "index_char_1": "波光瀲灩 恬靜悠遠 │簡約風 │36坪",
+        "index_char_2_1": "芬格設計工程",
+        "index_char_2_2": "林京蔚",
+        "index_char_2_3": "設計師",
+        "id": 17489,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17488_1719476329.jpg",
+        "link": "https://event.hhh.com.tw/2024-Most-Favorite-Designers/case.php?id=23&title=%E5%A2%83%E5%BA%AD%E5%9C%8B%E9%9A%9B%E8%A8%AD%E8%A8%88",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17488_1719476319.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17488_1719476435.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17488_1719476391.webp",
+        "logo_icon": "designer",
+        "index_char_1": "遇見境式混搭 美式輕奢的優雅步調",
+        "index_char_2_1": "境庭國際設計",
+        "index_char_2_2": "周靖雅",
+        "index_char_2_3": "設計師",
+        "id": 17488,
+        "alt": ""
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17497_1720061581.jpg",
+        "link": "https://hhh.com.tw/HHH_NEW/columns_detail/7345.php",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17497_1720061549.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17497_1720061595.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17497_1720061588.webp",
+        "logo_icon": "",
+        "index_char_1": "",
+        "index_char_2_1": "",
+        "index_char_2_2": "",
+        "index_char_2_3": "",
+        "id": 17497,
+        "alt": ""
+      }
+    ]
+  },
+  {
+    "_comment": "首頁photo頁",
+    "id": 2,
+    "block": "photo",
+    "data": [
+      {
+        "tab": "依照風格瀏覽設計",
         "data": [
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1691745237.jpg",
-                "link": "https://hhh.com.tw/designer-index.php?designer_id=32",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1691745176.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1691745255.jpg",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1691745250.jpg",
-                "id": 15666,
-                "alt": "理揚室內設計"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17397_1713333058.jpg",
-                "link": "https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17397_1713333039.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17397_1713333065.jpg",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17397_1713333061.jpg",
-                "id": 17397,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17205_1702972693.jpg",
-                "link": "https://hhh.com.tw/HHH_NEW/designers/index_designerList.php?cid=99",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17205_1702972656.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17205_1702972701.jpg",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17205_1702972697.jpg",
-                "id": 17205,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603096869.jpg",
-                "link": "https://hhh.com.tw/designer-index.php?designer_id=31",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603096869.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603096869.jpg.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603855335.webp",
-                "id": 15673,
-                "alt": "富億空間設計"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17037_1692604388.jpg",
-                "link": "https://hhh.com.tw/HHH_NEW/designers/index_designerList.php?cid=28",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17037_1692604300.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17037_1692604397.jpg",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17037_1692604393.jpg",
-                "id": 17037,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17494_1719478055.jpg",
-                "link": "https://hhh.com.tw/HHH_NEW/designers/index_designerList.php?cid=500",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17494_1719478047.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17494_1719478064.jpg",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17494_1719478060.jpg",
-                "id": 17494,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1682071915.jpg",
-                "link": "https://hhh.com.tw/designer-index.php?designer_id=447",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1682071906.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1682071927.jpg",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1682071921.jpg",
-                "id": 15662,
-                "alt": "恆岳空間設計"
-            }
+          {
+            "name": "北歐風",
+            "image": "/assets/images/photo/style/nordic.jpg",
+            "alt": "",
+            "url": "/photos/lists/nordic-style/",
+            "order": "2"
+          },
+          {
+            "name": "現代風",
+            "image": "/assets/images/photo/style/modern.jpg",
+            "alt": "",
+            "url": "/photos/lists/modern-style/",
+            "order": "1"
+          },
+          {
+            "name": "工業風",
+            "image": "/assets/images/photo/style/industry.jpg",
+            "alt": "",
+            "url": "/photos/lists/industry-style/",
+            "order": "6"
+          },
+          {
+            "name": "美式風",
+            "image": "/assets/images/photo/style/american.jpg",
+            "alt": "",
+            "url": "/photos/lists/american-style/",
+            "order": "4"
+          },
+          {
+            "name": "休閒多元",
+            "image": "/assets/images/photo/style/leisure.jpg",
+            "alt": "",
+            "url": "/photos/lists/leisure-style/",
+            "order": "5"
+          },
+          {
+            "name": "前衛風",
+            "image": "/assets/images/photo/style/vanguard.jpg",
+            "alt": "",
+            "url": "/photos/lists/vanguard-style/",
+            "order": "16"
+          },
+          {
+            "name": "鄉村風",
+            "image": "/assets/images/photo/style/rustuc.jpg",
+            "alt": "",
+            "url": "/photos/lists/rustuc-style/",
+            "order": "10"
+          },
+          {
+            "name": "混搭風",
+            "image": "/assets/images/photo/style/mashup.jpg",
+            "alt": "",
+            "url": "/photos/lists/mashup-style/",
+            "order": "3"
+          },
+          {
+            "name": "新古典",
+            "image": "/assets/images/photo/style/neoclassic.jpg",
+            "alt": "",
+            "url": "/photos/lists/neoclassic-style/",
+            "order": "7"
+          },
+          {
+            "name": "奢華風",
+            "image": "/assets/images/photo/style/luxurious.jpg",
+            "alt": "",
+            "url": "/photos/lists/luxurious-style/",
+            "order": "12"
+          },
+          {
+            "name": "古典風",
+            "image": "/assets/images/photo/style/classical.jpg",
+            "alt": "",
+            "url": "/photos/lists/classical-style/",
+            "order": "9"
+          },
+          {
+            "name": "異國風",
+            "image": "/assets/images/photo/style/exotic.jpg",
+            "alt": "",
+            "url": "/photos/lists/exotic-style/",
+            "order": "15"
+          },
+          {
+            "name": "禪風",
+            "image": "/assets/images/photo/style/zen.jpg",
+            "alt": "",
+            "url": "/photos/lists/zen-style/",
+            "order": "11"
+          },
+          {
+            "name": "東方風",
+            "image": "/assets/images/photo/style/oriental.jpg",
+            "alt": "",
+            "url": "/photos/lists/oriental-style/",
+            "order": "14"
+          },
+          {
+            "name": "日式風",
+            "image": "/assets/images/photo/style/japanese.jpg",
+            "alt": "",
+            "url": "/photos/lists/japanese-style/",
+            "order": "13"
+          },
+          {
+            "name": "無印風",
+            "image": "/assets/images/photo/style/muji.jpg",
+            "alt": "",
+            "url": "/photos/lists/muju-style/",
+            "order": "8"
+          }
         ]
-    },
-    {
-        "_comment": "主要輪播區",
-        "id": 1,
-        "block": "sec02",
+      },
+      {
+        "tab": "依照空間瀏覽設計",
         "data": [
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17493_1719476266.jpg",
-                "link": "https://event.hhh.com.tw/topglory/designer_684.html",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17493_1719476249.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17493_1719476396.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17493_1719476348.webp",
-                "logo_icon": "glory",
-                "index_char_1": "合併戶毛胚宅 紡織工藝承載家族溫度│現代風",
-                "index_char_2_1": "聯寬設計",
-                "index_char_2_2": "陳見行KEN、王毓婷TING",
-                "index_char_2_3": "設計師",
-                "id": 17493,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17492_1719476275.jpg",
-                "link": "https://hhh.com.tw/HHH_NEW/designers/index_designerList.php?cid=536",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17492_1719476271.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17492_1719476401.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17492_1719476360.webp",
-                "logo_icon": "renovation",
-                "index_char_1": "挹注簡約風範 描摹柔潤居所│現代風│45坪",
-                "index_char_2_1": "苡希創意設計",
-                "index_char_2_2": "葉佳奇",
-                "index_char_2_3": "設計師",
-                "id": 17492,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17491_1719476285.jpg",
-                "link": "https://event.hhh.com.tw/2024-Most-Favorite-Designers/case.php?id=510&title=%E7%A6%BE%E7%86%99%E5%AE%A4%E5%85%A7%E8%A3%9D%E4%BF%AE%E8%A8%AD%E8%A8%88%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17491_1719476280.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17491_1719476418.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17491_1719476368.webp",
-                "logo_icon": "designer",
-                "index_char_1": "彤霞皓魄│混搭風│16坪",
-                "index_char_2_1": "禾熙室內裝修設計",
-                "index_char_2_2": "謝張志昇",
-                "index_char_2_3": "設計師",
-                "id": 17491,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17490_1719476296.jpg",
-                "link": "https://event.hhh.com.tw/2024-Most-Favorite-Designers/case.php?id=474&title=%E9%9B%8B%E7%AF%89%E7%A9%BA%E9%96%93%E8%A8%AD%E8%A8%88%EF%BC%86%E7%9D%BF%E8%AC%99%E5%AE%A4%E5%85%A7%E8%A3%9D%E4%BF%AE",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17490_1719476291.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17490_1719476425.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17490_1719476377.webp",
-                "logo_icon": "designer",
-                "index_char_1": "清淡暖色木系 圍塑零壓療癒生活場域 │北歐混搭風│38坪",
-                "index_char_2_1": "雋築空間設計&睿謙室內裝修",
-                "index_char_2_2": "劉倢妤 Kimico",
-                "index_char_2_3": "設計師",
-                "id": 17490,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17489_1719476312.jpg",
-                "link": "https://event.hhh.com.tw/2024-Most-Favorite-Designers/case.php?id=857&title=%E8%8A%AC%E6%A0%BC%E8%A8%AD%E8%A8%88%E5%B7%A5%E7%A8%8B",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17489_1719476303.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17489_1719476430.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17489_1719476386.webp",
-                "logo_icon": "designer",
-                "index_char_1": "波光瀲灩 恬靜悠遠 │簡約風 │36坪",
-                "index_char_2_1": "芬格設計工程",
-                "index_char_2_2": "林京蔚",
-                "index_char_2_3": "設計師",
-                "id": 17489,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17488_1719476329.jpg",
-                "link": "https://event.hhh.com.tw/2024-Most-Favorite-Designers/case.php?id=23&title=%E5%A2%83%E5%BA%AD%E5%9C%8B%E9%9A%9B%E8%A8%AD%E8%A8%88",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17488_1719476319.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17488_1719476435.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17488_1719476391.webp",
-                "logo_icon": "designer",
-                "index_char_1": "遇見境式混搭 美式輕奢的優雅步調",
-                "index_char_2_1": "境庭國際設計",
-                "index_char_2_2": "周靖雅",
-                "index_char_2_3": "設計師",
-                "id": 17488,
-                "alt": ""
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17497_1720061581.jpg",
-                "link": "https://hhh.com.tw/HHH_NEW/columns_detail/7345.php",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17497_1720061549.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17497_1720061595.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17497_1720061588.webp",
-                "logo_icon": "",
-                "index_char_1": "",
-                "index_char_2_1": "",
-                "index_char_2_2": "",
-                "index_char_2_3": "",
-                "id": 17497,
-                "alt": ""
-            }
+          {
+            "name": "客廳",
+            "image": "/assets/images/photo/space/living.jpg",
+            "alt": "",
+            "url": "/photos/lists/living-space/",
+            "order": "1"
+          },
+          {
+            "name": "廚房",
+            "image": "/assets/images/photo/space/kitchen.jpg",
+            "alt": "",
+            "url": "/photos/lists/kitchen-space/",
+            "order": "4"
+          },
+          {
+            "name": "兒童房",
+            "image": "/assets/images/photo/space/children.jpg",
+            "alt": "",
+            "url": "/photos/lists/children-space/",
+            "order": "9"
+          },
+          {
+            "name": "書房",
+            "image": "/assets/images/photo/space/study.jpg",
+            "alt": "",
+            "url": "/photos/lists/study-space/",
+            "order": "8"
+          },
+          {
+            "name": "餐廳",
+            "image": "/assets/images/photo/space/restaurant.jpg",
+            "alt": "",
+            "url": "/photos/lists/restaurant-space/",
+            "order": "6"
+          },
+          {
+            "name": "玄關",
+            "image": "/assets/images/photo/space/entrance.jpg",
+            "alt": "",
+            "url": "/photos/lists/entrance-space/",
+            "order": "2"
+          },
+          {
+            "name": "臥室",
+            "image": "/assets/images/photo/space/bedroom.jpg",
+            "alt": "",
+            "url": "/photos/lists/bedroom-space/",
+            "order": "3"
+          },
+          {
+            "name": "更衣室",
+            "image": "/assets/images/photo/space/locker.jpg",
+            "alt": "",
+            "url": "/photos/lists/locker-space/",
+            "order": "7"
+          },
+          {
+            "name": "陽台",
+            "image": "/assets/images/photo/space/balcony.jpg",
+            "alt": "",
+            "url": "/photos/lists/balcony-space/",
+            "order": "13"
+          },
+          {
+            "name": "客房",
+            "image": "/assets/images/photo/space/guest.jpg",
+            "alt": "",
+            "url": "/photos/lists/guest-space/",
+            "order": "20"
+          },
+          {
+            "name": "衛浴",
+            "image": "/assets/images/photo/space/bathroom.jpg",
+            "alt": "",
+            "url": "/photos/lists/bathroom-space/",
+            "order": "5"
+          },
+          {
+            "name": "會客室",
+            "image": "/assets/images/photo/space/reception.jpg",
+            "alt": "",
+            "url": "/photos/lists/reception-space/",
+            "order": "23"
+          },
+          {
+            "name": "辦公空間",
+            "image": "/assets/images/photo/space/office.jpg",
+            "alt": "",
+            "url": "/photos/lists/office-space/",
+            "order": "18"
+          },
+          {
+            "name": "戶外空間",
+            "image": "/assets/images/photo/space/outdoor.jpg",
+            "alt": "",
+            "url": "/photos/lists/outdoor-space/",
+            "order": "24"
+          },
+          {
+            "name": "商用空間",
+            "image": "/assets/images/photo/space/commercial.jpg",
+            "alt": "",
+            "url": "/photos/lists/commercial-space/",
+            "order": "21"
+          },
+          {
+            "name": "衣帽間",
+            "image": "/assets/images/photo/space/cloakroom.jpg",
+            "alt": "",
+            "url": "/photos/lists/cloakroom-space/",
+            "order": "16"
+          },
+          {
+            "name": "吧檯/吧台",
+            "image": "/assets/images/photo/space/bar.jpg",
+            "alt": "",
+            "url": "/photos/lists/bar-space/",
+            "order": "14"
+          },
+          {
+            "name": "多功能室",
+            "image": "/assets/images/photo/space/multi.jpg",
+            "alt": "",
+            "url": "/photos/lists/multi-space/",
+            "order": "17"
+          },
+          {
+            "name": "和室",
+            "image": "/assets/images/photo/space/japanese.jpg",
+            "alt": "",
+            "url": "/photos/lists/japanese-space/",
+            "order": "11"
+          },
+          {
+            "name": "中島",
+            "image": "/assets/images/photo/space/nakajima.jpg",
+            "alt": "",
+            "url": "/photos/lists/nakajima-space/",
+            "order": "10"
+          },
+          {
+            "name": "泳池",
+            "image": "/assets/images/photo/space/swimming.jpg",
+            "alt": "",
+            "url": "/photos/lists/swimming-space/",
+            "order": "19"
+          },
+          {
+            "name": "廊道",
+            "image": "/assets/images/photo/space/corridor.jpg",
+            "alt": "",
+            "url": "/photos/lists/corridor-space/",
+            "order": "22"
+          },
+          {
+            "name": "工作室",
+            "image": "/assets/images/photo/space/studio.jpg",
+            "alt": "",
+            "url": "/photos/lists/studio-space/",
+            "order": "15"
+          },
+          {
+            "name": "神明廳",
+            "image": "/assets/images/photo/space/shenming.jpg",
+            "alt": "",
+            "url": "/photos/lists/shenming-space/",
+            "order": "12"
+          }
         ]
-    },
-    {
-        "_comment": "首頁photo頁",
-        "id": 2,
-        "block": "photo",
+      }
+    ]
+  },
+  {
+    "_comment": "活動頁banners區",
+    "id": 3,
+    "block": "sec08",
+    "data": [
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17338_1719560597.jpg",
+        "link": "https://hhh.style/hh25U7erv",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17338_1719560994.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17338_1719561012.jpg",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17338_1719560604.jpg",
+        "id": 17338,
+        "alt": "幸福輕裝修"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17015_1691149857.jpg",
+        "link": "https://hhh.com.tw/brands/lists/",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17015_1691149847.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17015_1691149875.webp",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17015_1691149866.webp",
+        "id": 17015,
+        "alt": "品牌館"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17398_1713333253.jpg",
+        "link": "https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE",
+        "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17398_1713333241.jpg",
+        "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17398_1713333261.jpg",
+        "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17398_1713333257.jpg",
+        "id": 17398,
+        "alt": ""
+      }
+    ]
+  },
+  {
+    "_comment": "主題企劃區",
+    "id": 4,
+    "block": "sec06",
+    "data": [
+      {
+        "tab": "phone",
         "data": [
-            {
-                "tab": "依照風格瀏覽設計",
-                "data": [
-                    {
-                        "name": "北歐風",
-                        "image": "/assets/images/photo/style/nordic.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/nordic-style/",
-                        "order": "2"
-                    },
-                    {
-                        "name": "現代風",
-                        "image": "/assets/images/photo/style/modern.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/modern-style/",
-                        "order": "1"
-                    },
-                    {
-                        "name": "工業風",
-                        "image": "/assets/images/photo/style/industry.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/industry-style/",
-                        "order": "6"
-                    },
-                    {
-                        "name": "美式風",
-                        "image": "/assets/images/photo/style/american.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/american-style/",
-                        "order": "4"
-                    },
-                    {
-                        "name": "休閒多元",
-                        "image": "/assets/images/photo/style/leisure.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/leisure-style/",
-                        "order": "5"
-                    },
-                    {
-                        "name": "前衛風",
-                        "image": "/assets/images/photo/style/vanguard.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/vanguard-style/",
-                        "order": "16"
-                    },
-                    {
-                        "name": "鄉村風",
-                        "image": "/assets/images/photo/style/rustuc.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/rustuc-style/",
-                        "order": "10"
-                    },
-                    {
-                        "name": "混搭風",
-                        "image": "/assets/images/photo/style/mashup.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/mashup-style/",
-                        "order": "3"
-                    },
-                    {
-                        "name": "新古典",
-                        "image": "/assets/images/photo/style/neoclassic.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/neoclassic-style/",
-                        "order": "7"
-                    },
-                    {
-                        "name": "奢華風",
-                        "image": "/assets/images/photo/style/luxurious.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/luxurious-style/",
-                        "order": "12"
-                    },
-                    {
-                        "name": "古典風",
-                        "image": "/assets/images/photo/style/classical.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/classical-style/",
-                        "order": "9"
-                    },
-                    {
-                        "name": "異國風",
-                        "image": "/assets/images/photo/style/exotic.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/exotic-style/",
-                        "order": "15"
-                    },
-                    {
-                        "name": "禪風",
-                        "image": "/assets/images/photo/style/zen.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/zen-style/",
-                        "order": "11"
-                    },
-                    {
-                        "name": "東方風",
-                        "image": "/assets/images/photo/style/oriental.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/oriental-style/",
-                        "order": "14"
-                    },
-                    {
-                        "name": "日式風",
-                        "image": "/assets/images/photo/style/japanese.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/japanese-style/",
-                        "order": "13"
-                    },
-                    {
-                        "name": "無印風",
-                        "image": "/assets/images/photo/style/muji.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/muju-style/",
-                        "order": "8"
-                    }
-                ]
-            },
-            {
-                "tab": "依照空間瀏覽設計",
-                "data": [
-                    {
-                        "name": "客廳",
-                        "image": "/assets/images/photo/space/living.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/living-space/",
-                        "order": "1"
-                    },
-                    {
-                        "name": "廚房",
-                        "image": "/assets/images/photo/space/kitchen.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/kitchen-space/",
-                        "order": "4"
-                    },
-                    {
-                        "name": "兒童房",
-                        "image": "/assets/images/photo/space/children.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/children-space/",
-                        "order": "9"
-                    },
-                    {
-                        "name": "書房",
-                        "image": "/assets/images/photo/space/study.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/study-space/",
-                        "order": "8"
-                    },
-                    {
-                        "name": "餐廳",
-                        "image": "/assets/images/photo/space/restaurant.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/restaurant-space/",
-                        "order": "6"
-                    },
-                    {
-                        "name": "玄關",
-                        "image": "/assets/images/photo/space/entrance.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/entrance-space/",
-                        "order": "2"
-                    },
-                    {
-                        "name": "臥室",
-                        "image": "/assets/images/photo/space/bedroom.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/bedroom-space/",
-                        "order": "3"
-                    },
-                    {
-                        "name": "更衣室",
-                        "image": "/assets/images/photo/space/locker.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/locker-space/",
-                        "order": "7"
-                    },
-                    {
-                        "name": "陽台",
-                        "image": "/assets/images/photo/space/balcony.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/balcony-space/",
-                        "order": "13"
-                    },
-                    {
-                        "name": "客房",
-                        "image": "/assets/images/photo/space/guest.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/guest-space/",
-                        "order": "20"
-                    },
-                    {
-                        "name": "衛浴",
-                        "image": "/assets/images/photo/space/bathroom.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/bathroom-space/",
-                        "order": "5"
-                    },
-                    {
-                        "name": "會客室",
-                        "image": "/assets/images/photo/space/reception.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/reception-space/",
-                        "order": "23"
-                    },
-                    {
-                        "name": "辦公空間",
-                        "image": "/assets/images/photo/space/office.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/office-space/",
-                        "order": "18"
-                    },
-                    {
-                        "name": "戶外空間",
-                        "image": "/assets/images/photo/space/outdoor.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/outdoor-space/",
-                        "order": "24"
-                    },
-                    {
-                        "name": "商用空間",
-                        "image": "/assets/images/photo/space/commercial.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/commercial-space/",
-                        "order": "21"
-                    },
-                    {
-                        "name": "衣帽間",
-                        "image": "/assets/images/photo/space/cloakroom.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/cloakroom-space/",
-                        "order": "16"
-                    },
-                    {
-                        "name": "吧檯/吧台",
-                        "image": "/assets/images/photo/space/bar.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/bar-space/",
-                        "order": "14"
-                    },
-                    {
-                        "name": "多功能室",
-                        "image": "/assets/images/photo/space/multi.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/multi-space/",
-                        "order": "17"
-                    },
-                    {
-                        "name": "和室",
-                        "image": "/assets/images/photo/space/japanese.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/japanese-space/",
-                        "order": "11"
-                    },
-                    {
-                        "name": "中島",
-                        "image": "/assets/images/photo/space/nakajima.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/nakajima-space/",
-                        "order": "10"
-                    },
-                    {
-                        "name": "泳池",
-                        "image": "/assets/images/photo/space/swimming.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/swimming-space/",
-                        "order": "19"
-                    },
-                    {
-                        "name": "廊道",
-                        "image": "/assets/images/photo/space/corridor.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/corridor-space/",
-                        "order": "22"
-                    },
-                    {
-                        "name": "工作室",
-                        "image": "/assets/images/photo/space/studio.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/studio-space/",
-                        "order": "15"
-                    },
-                    {
-                        "name": "神明廳",
-                        "image": "/assets/images/photo/space/shenming.jpg",
-                        "alt": "",
-                        "url": "/photos/lists/shenming-space/",
-                        "order": "12"
-                    }
-                ]
-            }
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_427_20240513171850.jpg",
+            "link": "/topic/detail/427/",
+            "title": "活用畸零空間 坪效開外掛!"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_426_20240306100956.jpg",
+            "link": "/topic/detail/426/",
+            "title": "超有感裝潢省錢術 精控你的荷包"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_425_20240103171342.jpg",
+            "link": "/topic/detail/425/",
+            "title": "領域展開!用彈性隔間讓家更靈活"
+          }
         ]
-    },
-    {
-        "_comment": "活動頁banners區",
-        "id": 3,
-        "block": "sec08",
+      },
+      {
+        "tab": "web",
         "data": [
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17338_1719560597.jpg",
-                "link": "https://hhh.style/hh25U7erv",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17338_1719560994.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17338_1719561012.jpg",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17338_1719560604.jpg",
-                "id": 17338,
-                "alt": "幸福輕裝修"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17015_1691149857.jpg",
-                "link": "https://hhh.com.tw/brands/lists/",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17015_1691149847.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17015_1691149875.webp",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17015_1691149866.webp",
-                "id": 17015,
-                "alt": "品牌館"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17398_1713333253.jpg",
-                "link": "https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE",
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17398_1713333241.jpg",
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_17398_1713333261.jpg",
-                "Dwebp": "https://images.hhh.com.tw/uploads/_had/adlogo_17398_1713333257.jpg",
-                "id": 17398,
-                "alt": ""
-            }
+          {
+            "imgUrl": "https://cloud.hhh.com.tw/upload/_hcolumn/clogo_7562_20231218153604.jpg",
+            "link": "/columns/detail/7562",
+            "title": "讓小宅「空間最大化」!活用空隙的4大收納技巧"
+          },
+          {
+            "imgUrl": "https://cloud.hhh.com.tw/upload/_hcolumn/clogo_6763_20220818232508.jpg",
+            "link": "/columns/detail/6763",
+            "title": "收納無死角!3個可以好好利用的畸零角落"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17267_20240423145859.jpg",
+            "link": "/cases/detail/d/17267",
+            "title": "轉場。入境│現代侘寂風│18坪"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17302_20240502154031.jpg",
+            "link": "/cases/detail/d/17302",
+            "title": "Everyday Object│北歐風│18坪"
+          }
         ]
-    },
-    {
-        "_comment": "主題企劃區",
-        "id": 4,
-        "block": "sec06",
+      }
+    ]
+  },
+  {
+    "_comment": "推薦設計師",
+    "id": 5,
+    "block": "designers",
+    "data": [
+      {
+        "imgUrl": "https://m.hhh.com.tw/upload/_hdesigner/img_path_997_20240628101748.jpg",
+        "name": "台灣綠傢俱",
+        "designers_name": "台灣綠傢俱",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=997"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_951_20230726145429.jpg",
+        "name": "大囍室內設計",
+        "designers_name": "林哲弘",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=951"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_946_20230815151822.jpg",
+        "name": "相形式所設計",
+        "designers_name": "相形式所設計團隊",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=946"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_945_20230720090851.jpg",
+        "name": "敘境空間設計",
+        "designers_name": "莊云嫻、戴文勝",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=945"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_939_20230703172522.jpg",
+        "name": "鐵木設計",
+        "designers_name": "陳穎昌",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=939"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_938_20231129174538.jpg",
+        "name": "見文知桓聯合設計",
+        "designers_name": "王健桓",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=938"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_829_20220818143352.jpg",
+        "name": "水源清設計",
+        "designers_name": "林一清",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=829"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_936_20230626190915.jpg",
+        "name": "湘頡室內設計",
+        "designers_name": "洪志偉",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=936"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_928_20230726174444.jpg",
+        "name": "雅堂室內裝修設計",
+        "designers_name": "許雅閔",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=928"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_925_20230526105634.jpg",
+        "name": "艾嘉室內裝修設計",
+        "designers_name": "魏信忠",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=925"
+      },
+      {
+        "imgUrl": "https://m.hhh.com.tw/upload/_hdesigner/img_path_996_20240612104749.jpg",
+        "name": "灰色大門設計",
+        "designers_name": "謝嘉玲",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=996"
+      },
+      {
+        "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_857_20221125113518.jpg",
+        "name": "芬格設計工程",
+        "designers_name": "林京蔚",
+        "link": "/HHH_NEW/designers/index_designerList.php?cid=857"
+      }
+    ]
+  },
+  {
+    "_comment": "tab區塊-最夯設計, 影音實錄, 專欄文章",
+    "id": 6,
+    "block": "sec03",
+    "data": [
+      {
+        "tab": "編輯精選",
         "data": [
-            {
-                "tab": "phone",
-                "data": [
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_427_20240513171850.jpg",
-                        "link": "/topic/detail/427/",
-                        "title": "活用畸零空間 坪效開外掛!"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_426_20240306100956.jpg",
-                        "link": "/topic/detail/426/",
-                        "title": "超有感裝潢省錢術 精控你的荷包"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_425_20240103171342.jpg",
-                        "link": "/topic/detail/425/",
-                        "title": "領域展開!用彈性隔間讓家更靈活"
-                    }
-                ]
-            },
-            {
-                "tab": "web",
-                "data": [
-                    {
-                        "imgUrl": "https://cloud.hhh.com.tw/upload/_hcolumn/clogo_7562_20231218153604.jpg",
-                        "link": "/columns/detail/7562",
-                        "title": "讓小宅「空間最大化」!活用空隙的4大收納技巧"
-                    },
-                    {
-                        "imgUrl": "https://cloud.hhh.com.tw/upload/_hcolumn/clogo_6763_20220818232508.jpg",
-                        "link": "/columns/detail/6763",
-                        "title": "收納無死角!3個可以好好利用的畸零角落"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17267_20240423145859.jpg",
-                        "link": "/cases/detail/d/17267",
-                        "title": "轉場。入境│現代侘寂風│18坪"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17302_20240502154031.jpg",
-                        "link": "/cases/detail/d/17302",
-                        "title": "Everyday Object│北歐風│18坪"
-                    }
-                ]
-            }
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7839_20240704150540.jpg",
+            "link": "/columns/detail/7839/",
+            "title": "熱「暑」了!鐵皮屋夏日降溫新對策 水性隔熱浪板漆新上市",
+            "ctag": [
+              "鐵皮屋",
+              "塗料",
+              "降溫",
+              "油漆",
+              "得利"
+            ]
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7838_20240704143717.jpg",
+            "link": "/columns/detail/7838/",
+            "title": "【風水特輯】小暑到!8大禁忌一次看",
+            "ctag": [
+              "風水",
+              "節氣",
+              "小暑",
+              "禁忌"
+            ]
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7837_20240704151441.jpg",
+            "link": "/columns/detail/7837/",
+            "title": "翻轉廚房新時代!台灣櫻花推SAKURA AI KITCHEN,開啟廚房智高點",
+            "ctag": [
+              "品牌新訊",
+              "品牌好物",
+              "廚房設備",
+              "廚房電器",
+              "廚房設計",
+              "廚房空間"
+            ]
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7836_20240703155439.jpg",
+            "link": "/columns/detail/7836/",
+            "title": "Firtz Hansen 2024 年度限定版本 Swan 椅即將抵台!",
+            "ctag": [
+              "Arne",
+              "Jacobsen",
+              "Swan",
+              "Egg",
+              "Firtz",
+              "Hansen",
+              "家具",
+              "單椅"
+            ]
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7835_20240703143212.jpg",
+            "link": "/columns/detail/7835/",
+            "title": "【好宅特輯】柔光兜旋遊走 映現淡柔雋美家景",
+            "ctag": [
+              "好宅特輯",
+              "現代風",
+              "老屋翻新",
+              "今城室內裝修設計"
+            ]
+          },
+          {
+            "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index04_799.jpg",
+            "link": "/columns/detail/7345/",
+            "title": "那種冷氣不能洗?清洗後為什會滴水?吊隱式冷氣何時洗?專業師傅幫你解答",
+            "ctag": [
+              "冷氣",
+              "清洗"
+            ]
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7833_20240621145534.jpg",
+            "link": "/columns/detail/7833/",
+            "title": "沉浸在浪漫微醺氛圍中!巴黎4個多巴胺行程",
+            "ctag": [
+              "奧運",
+              "巴黎",
+              "旅遊",
+              "旅宿",
+              "飯店",
+              "住宿",
+              "行程"
+            ]
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7832_20240620113156.jpg",
+            "link": "/columns/detail/7832/",
+            "title": "房東怕遇到惡房客,在租賃契約中寫明個別磋商條款,這樣合法嗎?",
+            "ctag": [
+              "租屋",
+              "房東",
+              "房客",
+              "法律",
+              "契約",
+              "租賃",
+              "精選好書"
+            ]
+          }
         ]
-    },
-    {
-        "_comment": "推薦設計師",
-        "id": 5,
-        "block": "designers",
+      },
+      {
+        "tab": "最夯設計",
         "data": [
-            {
-                "imgUrl": "https://m.hhh.com.tw/upload/_hdesigner/img_path_997_20240628101748.jpg",
-                "name": "台灣綠傢俱",
-                "designers_name": "台灣綠傢俱",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=997"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_951_20230726145429.jpg",
-                "name": "大囍室內設計",
-                "designers_name": "林哲弘",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=951"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_946_20230815151822.jpg",
-                "name": "相形式所設計",
-                "designers_name": "相形式所設計團隊",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=946"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_945_20230720090851.jpg",
-                "name": "敘境空間設計",
-                "designers_name": "莊云嫻、戴文勝",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=945"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_939_20230703172522.jpg",
-                "name": "鐵木設計",
-                "designers_name": "陳穎昌",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=939"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_938_20231129174538.jpg",
-                "name": "見文知桓聯合設計",
-                "designers_name": "王健桓",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=938"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_829_20220818143352.jpg",
-                "name": "水源清設計",
-                "designers_name": "林一清",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=829"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_936_20230626190915.jpg",
-                "name": "湘頡室內設計",
-                "designers_name": "洪志偉",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=936"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_928_20230726174444.jpg",
-                "name": "雅堂室內裝修設計",
-                "designers_name": "許雅閔",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=928"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_925_20230526105634.jpg",
-                "name": "艾嘉室內裝修設計",
-                "designers_name": "魏信忠",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=925"
-            },
-            {
-                "imgUrl": "https://m.hhh.com.tw/upload/_hdesigner/img_path_996_20240612104749.jpg",
-                "name": "灰色大門設計",
-                "designers_name": "謝嘉玲",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=996"
-            },
-            {
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_857_20221125113518.jpg",
-                "name": "芬格設計工程",
-                "designers_name": "林京蔚",
-                "link": "/HHH_NEW/designers/index_designerList.php?cid=857"
-            }
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17461_20240704111548.jpg",
+            "link": "/cases/detail/17461/",
+            "img_designer": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_984_20240222141805.jpg",
+            "title": "餘燼 Ember|南洋風|40坪",
+            "ctag": [
+              "異國風",
+              "南洋風",
+              "標準格局",
+              "老屋翻新"
+            ],
+            "title_designer": "森鼎設計",
+            "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=984"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17460_20240704135630.jpg",
+            "link": "/cases/detail/17460/",
+            "img_designer": "https://m.hhh.com.tw/upload/_hdesigner/img_path_996_20240612104749.jpg",
+            "title": "仰德之間│東方風│45坪",
+            "ctag": [
+              "東方風",
+              "大坪數",
+              "新成屋"
+            ],
+            "title_designer": "灰色大門設計",
+            "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=996"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17459_20240704145426.jpg",
+            "link": "/cases/detail/17459/",
+            "img_designer": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_939_20230703172522.jpg",
+            "title": "舒適寫意的溫潤宅│混搭風│45坪",
+            "ctag": [
+              "混搭風",
+              "別墅/透天",
+              "新成屋"
+            ],
+            "title_designer": "鐵木設計",
+            "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=939"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17458_20240704102314.jpg",
+            "link": "/cases/detail/17458/",
+            "img_designer": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_904_20230328114444.jpg",
+            "title": "時光漫步 靜享安居|輕奢風|64坪",
+            "ctag": [
+              "現代風",
+              "輕奢風",
+              "標準格局",
+              "新成屋"
+            ],
+            "title_designer": "永達空間設計",
+            "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=904"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17457_20240703144511.jpg",
+            "link": "/cases/detail/17457/",
+            "img_designer": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_929_20230607113933.jpg",
+            "title": "北歐簡約溫潤敞亮質居│18坪",
+            "ctag": [
+              "北歐風",
+              "簡約風",
+              "小坪數",
+              "新成屋"
+            ],
+            "title_designer": "丰禾空間設計",
+            "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=929"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17456_20240703173514.jpg",
+            "link": "/cases/detail/17456/",
+            "img_designer": "https://cloud.hhh.com.tw/gs/designer/110_designer342_00.jpg",
+            "title": "精工淬鍊品質 中古屋好宅變豪宅",
+            "ctag": [
+              "現代風",
+              "大坪數",
+              "中古屋"
+            ],
+            "title_designer": "IS國際設計",
+            "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=293"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17455_20240703115609.jpg",
+            "link": "/cases/detail/17455/",
+            "img_designer": "https://m.hhh.com.tw/upload/_hdesigner/img_path_998_20240703134342.jpg",
+            "title": "輕盈溫潤 清新小品|北歐風|25坪",
+            "ctag": [
+              "北歐風",
+              "標準格局",
+              "新成屋"
+            ],
+            "title_designer": "沐云設計",
+            "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=998"
+          },
+          {
+            "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17454_20240703114039.jpg",
+            "link": "/cases/detail/17454/",
+            "img_designer": "https://m.hhh.com.tw/upload/_hdesigner/img_path_998_20240703134342.jpg",
+            "title": "框景入室 光感靜寓|簡約都會風|30坪",
+            "ctag": [
+              "其他",
+              "簡約都會",
+              "標準格局",
+              "新成屋"
+            ],
+            "title_designer": "沐云設計",
+            "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=998"
+          }
         ]
-    },
-    {
-        "_comment": "tab區塊-最夯設計, 影音實錄, 專欄文章",
-        "id": 6,
-        "block": "sec03",
+      },
+      {
+        "tab": "最新影音實錄",
         "data": [
-            {
-                "tab": "編輯精選",
-                "data": [
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7839_20240704150540.jpg",
-                        "link": "/columns/detail/7839/",
-                        "title": "熱「暑」了!鐵皮屋夏日降溫新對策 水性隔熱浪板漆新上市",
-                        "ctag": [
-                            "鐵皮屋",
-                            "塗料",
-                            "降溫",
-                            "油漆",
-                            "得利"
-                        ]
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7838_20240704143717.jpg",
-                        "link": "/columns/detail/7838/",
-                        "title": "【風水特輯】小暑到!8大禁忌一次看",
-                        "ctag": [
-                            "風水",
-                            "節氣",
-                            "小暑",
-                            "禁忌"
-                        ]
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7837_20240704151441.jpg",
-                        "link": "/columns/detail/7837/",
-                        "title": "翻轉廚房新時代!台灣櫻花推SAKURA AI KITCHEN,開啟廚房智高點",
-                        "ctag": [
-                            "品牌新訊",
-                            "品牌好物",
-                            "廚房設備",
-                            "廚房電器",
-                            "廚房設計",
-                            "廚房空間"
-                        ]
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7836_20240703155439.jpg",
-                        "link": "/columns/detail/7836/",
-                        "title": "Firtz Hansen 2024 年度限定版本 Swan 椅即將抵台!",
-                        "ctag": [
-                            "Arne",
-                            "Jacobsen",
-                            "Swan",
-                            "Egg",
-                            "Firtz",
-                            "Hansen",
-                            "家具",
-                            "單椅"
-                        ]
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7835_20240703143212.jpg",
-                        "link": "/columns/detail/7835/",
-                        "title": "【好宅特輯】柔光兜旋遊走 映現淡柔雋美家景",
-                        "ctag": [
-                            "好宅特輯",
-                            "現代風",
-                            "老屋翻新",
-                            "今城室內裝修設計"
-                        ]
-                    },
-                    {
-                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index04_799.jpg",
-                        "link": "/columns/detail/7345/",
-                        "title": "那種冷氣不能洗?清洗後為什會滴水?吊隱式冷氣何時洗?專業師傅幫你解答",
-                        "ctag": [
-                            "冷氣",
-                            "清洗"
-                        ]
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7833_20240621145534.jpg",
-                        "link": "/columns/detail/7833/",
-                        "title": "沉浸在浪漫微醺氛圍中!巴黎4個多巴胺行程",
-                        "ctag": [
-                            "奧運",
-                            "巴黎",
-                            "旅遊",
-                            "旅宿",
-                            "飯店",
-                            "住宿",
-                            "行程"
-                        ]
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcolumn/clogo_7832_20240620113156.jpg",
-                        "link": "/columns/detail/7832/",
-                        "title": "房東怕遇到惡房客,在租賃契約中寫明個別磋商條款,這樣合法嗎?",
-                        "ctag": [
-                            "租屋",
-                            "房東",
-                            "房客",
-                            "法律",
-                            "契約",
-                            "租賃",
-                            "精選好書"
-                        ]
-                    }
-                ]
-            },
-            {
-                "tab": "最夯設計",
-                "data": [
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17461_20240704111548.jpg",
-                        "link": "/cases/detail/17461/",
-                        "img_designer": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_984_20240222141805.jpg",
-                        "title": "餘燼 Ember|南洋風|40坪",
-                        "ctag": [
-                            "異國風",
-                            "南洋風",
-                            "標準格局",
-                            "老屋翻新"
-                        ],
-                        "title_designer": "森鼎設計",
-                        "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=984"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17460_20240704135630.jpg",
-                        "link": "/cases/detail/17460/",
-                        "img_designer": "https://m.hhh.com.tw/upload/_hdesigner/img_path_996_20240612104749.jpg",
-                        "title": "仰德之間│東方風│45坪",
-                        "ctag": [
-                            "東方風",
-                            "大坪數",
-                            "新成屋"
-                        ],
-                        "title_designer": "灰色大門設計",
-                        "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=996"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17459_20240704145426.jpg",
-                        "link": "/cases/detail/17459/",
-                        "img_designer": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_939_20230703172522.jpg",
-                        "title": "舒適寫意的溫潤宅│混搭風│45坪",
-                        "ctag": [
-                            "混搭風",
-                            "別墅/透天",
-                            "新成屋"
-                        ],
-                        "title_designer": "鐵木設計",
-                        "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=939"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17458_20240704102314.jpg",
-                        "link": "/cases/detail/17458/",
-                        "img_designer": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_904_20230328114444.jpg",
-                        "title": "時光漫步 靜享安居|輕奢風|64坪",
-                        "ctag": [
-                            "現代風",
-                            "輕奢風",
-                            "標準格局",
-                            "新成屋"
-                        ],
-                        "title_designer": "永達空間設計",
-                        "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=904"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17457_20240703144511.jpg",
-                        "link": "/cases/detail/17457/",
-                        "img_designer": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_929_20230607113933.jpg",
-                        "title": "北歐簡約溫潤敞亮質居│18坪",
-                        "ctag": [
-                            "北歐風",
-                            "簡約風",
-                            "小坪數",
-                            "新成屋"
-                        ],
-                        "title_designer": "丰禾空間設計",
-                        "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=929"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17456_20240703173514.jpg",
-                        "link": "/cases/detail/17456/",
-                        "img_designer": "https://cloud.hhh.com.tw/gs/designer/110_designer342_00.jpg",
-                        "title": "精工淬鍊品質 中古屋好宅變豪宅",
-                        "ctag": [
-                            "現代風",
-                            "大坪數",
-                            "中古屋"
-                        ],
-                        "title_designer": "IS國際設計",
-                        "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=293"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17455_20240703115609.jpg",
-                        "link": "/cases/detail/17455/",
-                        "img_designer": "https://m.hhh.com.tw/upload/_hdesigner/img_path_998_20240703134342.jpg",
-                        "title": "輕盈溫潤 清新小品|北歐風|25坪",
-                        "ctag": [
-                            "北歐風",
-                            "標準格局",
-                            "新成屋"
-                        ],
-                        "title_designer": "沐云設計",
-                        "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=998"
-                    },
-                    {
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_17454_20240703114039.jpg",
-                        "link": "/cases/detail/17454/",
-                        "img_designer": "https://m.hhh.com.tw/upload/_hdesigner/img_path_998_20240703134342.jpg",
-                        "title": "框景入室 光感靜寓|簡約都會風|30坪",
-                        "ctag": [
-                            "其他",
-                            "簡約都會",
-                            "標準格局",
-                            "新成屋"
-                        ],
-                        "title_designer": "沐云設計",
-                        "link_designer": "/HHH_NEW/designers/index_designerList.php?cid=998"
-                    }
-                ]
-            },
-            {
-                "tab": "最新影音實錄",
-                "data": [
-                    {
-                        "imgUrl": "https://img.youtube.com/vi/W1a1nZgqxYM/hqdefault.jpg",
-                        "link": "https://www.youtube.com/watch?v=W1a1nZgqxYM",
-                        "description": "舊書房OUT!穿透設計打開創意思維! 設計狂小姐再以剛柔美學,勾勒女強人的溫柔面!!"
-                    },
-                    {
-                        "imgUrl": "https://img.youtube.com/vi/YvemT2EJmas/hqdefault.jpg",
-                        "link": "https://www.youtube.com/watch?v=YvemT2EJmas",
-                        "description": "圓心式+教堂式,成功改造昏暗中古屋!! 一眼透視全屋,主臥就像睡在W Hotel!?"
-                    },
-                    {
-                        "imgUrl": "https://img.youtube.com/vi/REJpJPtV9Ms/hqdefault.jpg",
-                        "link": "https://www.youtube.com/watch?v=REJpJPtV9Ms",
-                        "description": "一人住怎麼規劃??超大更衣間、超大尺床鋪!夢幻透明閨房,實現躺床即追劇的夢想!"
-                    },
-                    {
-                        "imgUrl": "https://img.youtube.com/vi/pjNUSBkUC4g/hqdefault.jpg",
-                        "link": "https://www.youtube.com/watch?v=pjNUSBkUC4g",
-                        "description": "零落差零追加,甚至比預期還早完工!來自屋主的超真實心得!"
-                    },
-                    {
-                        "imgUrl": "https://img.youtube.com/vi/ExuEf9v2qQs/hqdefault.jpg",
-                        "link": "https://www.youtube.com/watch?v=ExuEf9v2qQs",
-                        "description": "為什麼她深受醫師、工程師喜愛? 竟是這個「豐田式」裝潢管理?開始到驗收靠一表就完成!?"
-                    },
-                    {
-                        "imgUrl": "https://img.youtube.com/vi/oJeHI9oPlFY/hqdefault.jpg",
-                        "link": "https://www.youtube.com/watch?v=oJeHI9oPlFY",
-                        "description": "找不到人維修!?原來水電養成這麼難!? 你都怎麼挑師傅,巷口的水電師真的好嗎?|【沒有山姆的聊天室】Ep.11"
-                    },
-                    {
-                        "imgUrl": "https://img.youtube.com/vi/gHaU7THEl14/hqdefault.jpg",
-                        "link": "https://www.youtube.com/watch?v=gHaU7THEl14",
-                        "description": "後悔沒早點整修!! 居住30年後才重新裝修,竟然從歪斜格局多出1房1衛!?"
-                    },
-                    {
-                        "imgUrl": "https://img.youtube.com/vi/s0gVL7mR_ug/hqdefault.jpg",
-                        "link": "https://www.youtube.com/watch?v=s0gVL7mR_ug",
-                        "description": "這樣施作竟然只花四分之一時間?省時等於省錢!系統櫃選對國家才能防震防焰又防潮!?"
-                    }
-                ]
-            }
+          {
+            "imgUrl": "https://img.youtube.com/vi/W1a1nZgqxYM/hqdefault.jpg",
+            "link": "https://www.youtube.com/watch?v=W1a1nZgqxYM",
+            "description": "舊書房OUT!穿透設計打開創意思維! 設計狂小姐再以剛柔美學,勾勒女強人的溫柔面!!"
+          },
+          {
+            "imgUrl": "https://img.youtube.com/vi/YvemT2EJmas/hqdefault.jpg",
+            "link": "https://www.youtube.com/watch?v=YvemT2EJmas",
+            "description": "圓心式+教堂式,成功改造昏暗中古屋!! 一眼透視全屋,主臥就像睡在W Hotel!?"
+          },
+          {
+            "imgUrl": "https://img.youtube.com/vi/REJpJPtV9Ms/hqdefault.jpg",
+            "link": "https://www.youtube.com/watch?v=REJpJPtV9Ms",
+            "description": "一人住怎麼規劃??超大更衣間、超大尺床鋪!夢幻透明閨房,實現躺床即追劇的夢想!"
+          },
+          {
+            "imgUrl": "https://img.youtube.com/vi/pjNUSBkUC4g/hqdefault.jpg",
+            "link": "https://www.youtube.com/watch?v=pjNUSBkUC4g",
+            "description": "零落差零追加,甚至比預期還早完工!來自屋主的超真實心得!"
+          },
+          {
+            "imgUrl": "https://img.youtube.com/vi/ExuEf9v2qQs/hqdefault.jpg",
+            "link": "https://www.youtube.com/watch?v=ExuEf9v2qQs",
+            "description": "為什麼她深受醫師、工程師喜愛? 竟是這個「豐田式」裝潢管理?開始到驗收靠一表就完成!?"
+          },
+          {
+            "imgUrl": "https://img.youtube.com/vi/oJeHI9oPlFY/hqdefault.jpg",
+            "link": "https://www.youtube.com/watch?v=oJeHI9oPlFY",
+            "description": "找不到人維修!?原來水電養成這麼難!? 你都怎麼挑師傅,巷口的水電師真的好嗎?|【沒有山姆的聊天室】Ep.11"
+          },
+          {
+            "imgUrl": "https://img.youtube.com/vi/gHaU7THEl14/hqdefault.jpg",
+            "link": "https://www.youtube.com/watch?v=gHaU7THEl14",
+            "description": "後悔沒早點整修!! 居住30年後才重新裝修,竟然從歪斜格局多出1房1衛!?"
+          },
+          {
+            "imgUrl": "https://img.youtube.com/vi/s0gVL7mR_ug/hqdefault.jpg",
+            "link": "https://www.youtube.com/watch?v=s0gVL7mR_ug",
+            "description": "這樣施作竟然只花四分之一時間?省時等於省錢!系統櫃選對國家才能防震防焰又防潮!?"
+          }
         ]
-    },
-    {
-        "_comment": "加好物商品",
-        "id": 7,
-        "block": "shop_hhh",
-        "data": [
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17268_1706772328.jpg",
-                "title": "CERIALE 茶几",
-                "link": "https://hhh.style/hh12aeffB"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17269_1706772957.jpg",
-                "title": "BOUHET 餐椅",
-                "link": "https://hhh.style/hh12Pqyr7"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17278_1706773479.jpg",
-                "title": "WINGS 茶几",
-                "link": "https://hhh.style/hh12yFaBu"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17279_1706773592.jpg",
-                "title": "DISO 圓邊几",
-                "link": "https://hhh.style/hh12Pvzb7"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17280_1706773721.jpg",
-                "title": "LECCE L型實木書桌",
-                "link": "https://hhh.style/hh12TaNv7"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17281_1706773854.jpg",
-                "title": "KATOL 衣帽架",
-                "link": "https://hhh.style/hh12peju6"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17282_1706774254.jpg",
-                "title": "SRGURA 床頭櫃",
-                "link": "https://hhh.style/hh12rNzjj"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17283_1706774404.jpg",
-                "title": "AMBRA 實木延伸餐桌",
-                "link": "https://hhh.style/hh12aeRia"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17285_1706774634.jpg",
-                "title": "SEREIN 餐椅",
-                "link": "https://hhh.style/hh12Z7qAz"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17287_1706774773.jpg",
-                "title": "ROME 餐椅",
-                "link": "https://hhh.style/hh12WrMVu"
-            },
-            {
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17288_1706775039.jpg",
-                "title": "UNIQUE 餐椅",
-                "link": "https://hhh.style/hh12Ujiff"
-            }
-        ]
-    }
+      }
+    ]
+  },
+  {
+    "_comment": "加好物商品",
+    "id": 7,
+    "block": "shop_hhh",
+    "data": [
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17268_1706772328.jpg",
+        "title": "CERIALE 茶几",
+        "link": "https://hhh.style/hh12aeffB"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17269_1706772957.jpg",
+        "title": "BOUHET 餐椅",
+        "link": "https://hhh.style/hh12Pqyr7"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17278_1706773479.jpg",
+        "title": "WINGS 茶几",
+        "link": "https://hhh.style/hh12yFaBu"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17279_1706773592.jpg",
+        "title": "DISO 圓邊几",
+        "link": "https://hhh.style/hh12Pvzb7"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17280_1706773721.jpg",
+        "title": "LECCE L型實木書桌",
+        "link": "https://hhh.style/hh12TaNv7"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17281_1706773854.jpg",
+        "title": "KATOL 衣帽架",
+        "link": "https://hhh.style/hh12peju6"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17282_1706774254.jpg",
+        "title": "SRGURA 床頭櫃",
+        "link": "https://hhh.style/hh12rNzjj"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17283_1706774404.jpg",
+        "title": "AMBRA 實木延伸餐桌",
+        "link": "https://hhh.style/hh12aeRia"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17285_1706774634.jpg",
+        "title": "SEREIN 餐椅",
+        "link": "https://hhh.style/hh12Z7qAz"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17287_1706774773.jpg",
+        "title": "ROME 餐椅",
+        "link": "https://hhh.style/hh12WrMVu"
+      },
+      {
+        "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_17288_1706775039.jpg",
+        "title": "UNIQUE 餐椅",
+        "link": "https://hhh.style/hh12Ujiff"
+      }
+    ]
+  }
 ]

+ 148 - 0
template/top_carousel.html

@@ -0,0 +1,148 @@
+<section class="w-100 position-relative top-carousel">
+  <button class="text-center d-none d-lg-block close-btn">
+    <i class="fas fa-chevron-up" style="transform: translateY(-2px)"></i>
+    <p>隱藏</p>
+  </button>
+  <div class="container-fluid mx-auto" style="max-width: 1300px">
+    <div class="slider-content"></div>
+    <!-- 輪播進度條 -->
+    <div class="bullet-list"></div>
+  </div>
+</section>
+
+<script>
+  $.ajax({
+    method: "get",
+    url: "../../json/data_index.json",
+    // url: "https://m3.hhh.com.tw:18689/genjson_new?filename=realtime.json",
+    dataType: "json",
+  }).done((data) => {
+    result = [...data];
+    renderTopCarousel(result);
+    console.log('result', result);
+  }).fail((error) => {
+    console.log('genjson_new error', error);
+  });
+
+  // 渲染頂部輪播
+  function renderTopCarousel(data) {
+    let temp = data[0]["data"];
+    console.log('temp', temp);
+    renderBullet(temp);
+    renderBannerStr("slider-content", temp);
+    let randomInt = getRandomInt(7);
+
+    let adTopup_count = []
+    // 新刊頭 Banner ga4 (一開始進來先送,剩下輪播送)
+    setTimeout(() => {
+      let list_Topup_Banner = document.querySelectorAll('.slider-content .slide-item');
+      let ad_first;
+      try {
+        ad_first = list_Topup_Banner[randomInt].getAttribute('data_id');
+      } catch (e) {
+        ad_first = '加載問題,所以請無視';
+        console.log(ad_first);
+      }
+
+      dataLayer.push({
+        'event': 'Banner_Impression',
+        'ad_name': ad_first,
+        'ad_location': '新刊頭Banner'
+      });
+      adTopup_count.push(ad_first)
+    }, 1000);
+
+
+    $(".slider-content").slick({
+      dots: false,
+      infinite: true,
+      speed: 500,
+      autoplay: true,
+      autoplaySpeed: 3000,
+      slidesToScroll: 1,
+      arrows: true,
+      initialSlide: randomInt, // 起始順序
+      prevArrow:
+        '<button type="button" class="slick-prev"><i class="fas fa-chevron-left" style="font-size: 32px;color: white;transform: translateY(-10px);"></i></button>',
+      nextArrow:
+        '<button type="button" class="slick-next"><i class="fas fa-chevron-right" style="font-size: 32px;color: white;transform: translateY(-10px);"></i></button>',
+    });
+    $(".bullet").removeClass("bullet-active");
+    $(".bullet")
+      .eq($(".slick-active").data("slick-index"))
+      .addClass("bullet-active");
+
+    $(".slider-content").on("afterChange", function (event, slick, currentSlide) {
+      // // 新刊頭廣告 ga4
+      // let list = document.querySelectorAll('.slider-content .slide-item');
+      // let ad1 = list[currentSlide + 1].getAttribute('data_id')
+      // // 送 dataLayer (要看得到廣告才送,電腦手機版不一樣)
+      // if ($('.slider-content .slide-item').offset().top - $(window).scrollTop() > -175) {
+      //   if (!adTopup_count.includes(ad1)) {
+      //     dataLayer.push({
+      //       'event': 'Banner_Impression',
+      //       'ad_name': ad1,
+      //       'ad_location': '新刊頭Banner'
+      //     });
+      //     adTopup_count.push(ad1);
+      //   }
+      // }
+      // 輪播
+      $(".bullet").removeClass("bullet-active");
+      $(`.bullet.item-${currentSlide}`).addClass("bullet-active");
+    });
+  }
+
+  function renderBannerStr(sec, data) {
+    let adNamesTop = [];
+    let str = "";
+    for (let i = 0; i < data.length; i++) {
+      let adNameTop = `${data[i]["id"]}${data[i]["alt"]}`;
+      adNamesTop.push(adNameTop);
+
+      if (data[i]["Dwebp"]) {
+        str += `
+      <a href="${data[i]["link"]}" data-ga4="${data[i]["id"]}${data[i]["alt"]}">
+        <img class="${sec}-${i + 1} slide-item img-fluid" src="${data[i]["Dwebp"]}" data-bg="${data[i]["Dwebp"]}" alt="${data[i]["alt"]}"  data_id="${data[i]["id"]}${data[i]["alt"]}">
+      </a>`;
+      } else {
+        str += `
+      <a href="${data[i]["link"]}" data-ga4="${data[i]["id"]}${data[i]["alt"]}">
+        <img class="${sec}-${i + 1} slide-item img-fluid" src="${data[i]["DimgUrl"]}" data-bg="${data[i]["DimgUrl"]}" alt="${data[i]["alt"]}" data_id="${data[i]["id"]}${data[i]["alt"]}">
+      </a>`;
+      }
+    }
+    $(`.${sec}`).html(str);
+    // ga4-banners
+    adNamesTop.forEach((adNameTop) => {
+      document.querySelectorAll(`a[data-ga4="${adNameTop}"]`).forEach((element) => {
+        element.addEventListener('click', function () {
+          dataLayer.push({
+            'event': 'Banner_Click',
+            'ad_name': adNameTop,
+            'ad_location': '新刊頭'
+          });
+        });
+      });
+    });
+  }
+
+  function renderBullet(data) {
+    let str = "";
+    for (let i = 0; i < data.length; i++) {
+      str += `<div class="bullet item-${i}"></div>`;
+    }
+    $(".bullet-list").html(str);
+  }
+
+  // 範圍內取隨機整數 (0-8)
+  function getRandomInt(max) {
+    return Math.floor(Math.random() * max);
+  }
+
+  $(".top-carousel .close-btn").click(function () {
+    $(this).css("display", "none");
+    $(".top-carousel").addClass("banner-close");
+    sticky = 0;
+  });
+</script>

+ 6 - 1
videos/lists/index.html

@@ -55,6 +55,9 @@
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&display=swap" rel="stylesheet" />
+  <!-- Slick -->
+  <link rel="stylesheet" type="text/css" href="hhh_index/css/slick.css?w=3gygd" />
+  <link rel="stylesheet" type="text/css" href="hhh_index/css/slick-theme.css?dd=3gydg2" />
   <!-- CSS -->
   <link rel="stylesheet" href="../../css/reset.css" />
   <link rel="stylesheet" href="../../css/lists.css" />
@@ -551,6 +554,8 @@
 
   <!-- jQuery -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  <!-- Slick -->
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
   <!-- Bootstrap -->
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.1/dist/umd/popper.min.js"
     integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN"
@@ -558,7 +563,7 @@
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js"
     integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/"
     crossorigin="anonymous"></script>
-    <script src="./js/main.js"></script>
+  <script src="./js/main.js"></script>
 </body>
 
 </html>

Alguns ficheiros não foram mostrados porque muitos ficheiros mudaram neste diff