{"product_id":"tribesigns-63-bar-table-2-tier-bar-unit-counter-height-pub-table-with-shelves","title":"63\" Bar Table, 2-Tier Bar Unit Counter Height Pub Table with Storage Shelves","description":"\u003cp\u003e\u003cstrong\u003eClutter-Free Bar Solution \u003c\/strong\u003e– Generous tabletop paired with 2-tier shelving gives every bottle and accessory a proper place. Creates a organized, stylish space for your home bar.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRock-Solid Stability\u003c\/strong\u003e – E0 engineered wood tabletop supports up to 300 lbs. Extra-thick legs eliminate shakes and wobbles, providing pure stability wherever you place it.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStylish Wave Front Design\u003c\/strong\u003e – Clean silhouette with unique wave detailing adds character. Transitions effortlessly as a home bar, kitchen island, pub table, or dining counter.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSpace-Saving Functionality \u003c\/strong\u003e– Compact 63-inch size fits seamlessly into daily life. Counter-height design brings cozy pub atmosphere for morning coffee or evening unwind.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEasy Assembly \u003c\/strong\u003e– Includes easy-to-follow instructions, labeled parts, and all required tools. Quick setup lets you enjoy your new sturdy bar table right away.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/468ef44610c31b5b50b747b4f9f5ee49_4e4f3a59-c3a5-4b16-811c-d6118c76cf88.jpg?v=1775015741\"\u003e\u003c\/div\u003e\n\u003ctable style=\"width: 100%; height: 117.563px;\" class=\"spc_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003cth style=\"width: 52%; text-align: left; height: 19.5938px;\"\u003eProduct Dimensions \u0026amp; Weights\u003c\/th\u003e\n\u003cth style=\"width: 48%; text-align: left; height: 19.5938px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 52%; height: 19.5938px;\"\u003eLength\u003c\/td\u003e\n\u003ctd style=\"width: 48%; height: 19.5938px;\"\u003e\u003cspan\u003e63\"\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 52%; height: 19.5938px;\"\u003eDepth\u003c\/td\u003e\n\u003ctd style=\"width: 48%; height: 19.5938px;\"\u003e\u003cspan\u003e17.72\"\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 52%; height: 19.5938px;\"\u003eHeight\u003c\/td\u003e\n\u003ctd style=\"width: 48%; height: 19.5938px;\"\u003e\u003cspan\u003e41.34\"\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 52%; height: 19.5938px;\"\u003e\u003cspan\u003eTabletop Thickness\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 48%; height: 19.5938px;\"\u003e\u003cspan\u003e3.94\"\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 52%; height: 19.5938px;\"\u003eItem Weight\u003c\/td\u003e\n\u003ctd style=\"width: 48%; height: 19.5938px;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e95.02 lbs\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003ePackaging Dimensions \u0026amp; Weights\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e66.61\" L x 20.35\" W x 7.76\" H (104.28 lbs)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- split --\u003e\n\u003cp\u003e\u003cspan\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_HOGA-LD0191_installationmanual.pdf\" rel=\"noopener\" target=\"_blank\"\u003eInstallation Guide.pdf\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- premium-module-2-fullbackground-image --\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_PCAimg01_20260401.jpg\" loading=\"lazy\" class=\"hidden-phone\" alt=\"\" style=\"border-radius: 8px; margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_MOAimg01_20260401.jpg\" loading=\"lazy\" class=\"hidden-tablet-and-up\" alt=\"\" style=\"border-radius: 8px; margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003c!-- premium-module-12-nav-carousel --\u003e\n\u003cstyle\u003e #premium-module-12-nav-carousel-1775097839679286400 { .text-container img:not([style*=float]), .rte img:not([style*=float]) { display: block; margin: 0; } img { margin: 0; } .custom-carousel-slide { padding: 0; } .custom-carousel-container { position: relative; overflow: hidden; margin: auto; border-radius: 0 0 8px 8px; } .custom-carousel-viewport { display: flex; transition: transform 0.5s ease-in-out; } .custom-carousel-track { list-style: none; padding: 0; margin: 0; } .custom-carousel-slide { min-width: 100%; display: none; flex-shrink: 0; justify-content: center; align-items: center; text-align: left; position: relative; } .custom-carousel-slide.active { display: flex; } .slide-image img { width: 100%; height: auto; display: block; } .slide-caption { position: absolute; left: 80px; top: 50%; transform: translateY(-50%); color: #2d2d2d; background: rgba(200, 164, 139, 0.8); padding: 20px; border-radius: 8px; max-width: 500px; } .slide-caption h4 { font-weight: bold; margin-bottom: 10px; } .custom-carousel-controls { position: absolute; top: 50%; left: 0; right: 0; display: flex; justify-content: space-between; transform: translateY(-50%); padding: 0 10px; pointer-events: none; } .custom-carousel-controls button { font-size: 32px; background: rgba(200, 164, 139, 0.8); border: none; color: white; cursor: pointer; pointer-events: all; padding: 25px 15px; border-radius: 5px; } .custom-carousel-controls svg { fill: #fff; } .custom-carousel-tabs { \/* margin: 10px auto 20px; *\/ display: flex; gap: 8px; justify-content: flex-start; overflow-x: auto; white-space: nowrap; padding: 0 10px; flex-wrap: nowrap; \/* 保证在小屏上不换行 *\/ justify-content: center; background: rgba(200, 164, 139, 0.8); padding: 15px; border-radius: 8px 8px 0 0; } .custom-carousel-tabs .tab { cursor: pointer; padding: 10px 15px; flex-shrink: 0; white-space: nowrap; min-width: 140px; \/* max-width: 180px; *\/ border: none; background: transparent; font-weight: 600; color: #fff; } .custom-carousel-tabs .active { font-weight: bold; text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 3px; } } @media (max-width: 769px) { #premium-module-12-nav-carousel-1775097839679286400 { .custom-carousel-tabs { justify-content: flex-start; margin: 0; } .slide-caption { position: static; transform: none; background: none; color: black; text-align: center; padding: 10px; } .custom-carousel-slide.active { flex-direction: column; } .custom-carousel-controls { display: none; } } } \u003c\/style\u003e\n\u003cdiv class=\"premium-module-12-nav-carousel\"\u003e\n\u003cdiv id=\"premium-module-12-nav-carousel-1775097839679286400\" class=\"shopify-section\"\u003e\n\u003cdiv class=\"custom-carousel-module section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"custom-carousel-tabs\"\u003e\n\u003cbutton class=\"tab active\"\u003eLevel Up Your Storage\u003c\/button\u003e\u003cbutton class=\"tab active\"\u003eWork Smart, Clean Easy\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"custom-carousel-container\"\u003e\n\u003cdiv class=\"custom-carousel-viewport\"\u003e\n\u003col class=\"custom-carousel-track\"\u003e\n\u003cli class=\"custom-carousel-slide active\"\u003e\n\u003cdiv class=\"slide-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_PCAimg02_20260401.jpg\" loading=\"lazy\" class=\"hidden-phone\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_MOAimg02_20260401.jpg\" loading=\"lazy\" class=\"hidden-tablet-and-up\"\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"custom-carousel-slide active\"\u003e\n\u003cdiv class=\"slide-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_PCAimg03_20260401.jpg\" loading=\"lazy\" class=\"hidden-phone\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_MOAimg03_20260401.jpg\" loading=\"lazy\" class=\"hidden-tablet-and-up\"\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"custom-carousel-controls\"\u003e\n\u003cbutton class=\"prev-slide\"\u003e \u003csvg width=\"24\" height=\"24\" class=\"icon icon--left icon--direction-aware\" viewbox=\"0 0 24 24\"\u003e \u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L9.41421 12L15.7071 18.2929C16.0976 18.6834 16.0976 19.3166 15.7071 19.7071C15.3166 20.0976 14.6834 20.0976 14.2929 19.7071L7.29289 12.7071C7.10536 12.5196 7 12.2652 7 12C7 11.7348 7.10536 11.4804 7.29289 11.2929L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289Z\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003cbutton class=\"next-slide\"\u003e \u003csvg width=\"24\" height=\"24\" class=\"icon icon--right icon--direction-aware\" viewbox=\"0 0 24 24\"\u003e \u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.29289 4.29289C8.68342 3.90237 9.31658 3.90237 9.70711 4.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L9.70711 19.7071C9.31658 20.0976 8.68342 20.0976 8.29289 19.7071C7.90237 19.3166 7.90237 18.6834 8.29289 18.2929L14.5858 12L8.29289 5.70711C7.90237 5.31658 7.90237 4.68342 8.29289 4.29289Z\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e document.addEventListener('DOMContentLoaded', function() { \/* 为每个轮播容器初始化独立的轮播实例 *\/ document.querySelectorAll('.custom-carousel-module').forEach(module =\u003e { const container = module.querySelector('.custom-carousel-container'); const slides = container.querySelectorAll('.custom-carousel-slide'); const tabs = module.querySelectorAll('.custom-carousel-tabs .tab'); const prevBtn = container.querySelector('.prev-slide'); const nextBtn = container.querySelector('.next-slide'); let currentIndex = 0; function updateCarousel(index, scrollTab = true) { \/* 更新幻灯片 *\/ slides.forEach((slide, i) =\u003e { slide.classList.toggle('active', i === index); }); \/* 更新标签 *\/ tabs.forEach((tab, i) =\u003e { tab.classList.toggle('active', i === index); }); \/* 滚动标签 *\/ if (scrollTab) { const tab = tabs[index]; tab.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }); } } \/* 绑定标签点击事件 *\/ tabs.forEach((tab, i) =\u003e { tab.addEventListener('click', () =\u003e { currentIndex = i; updateCarousel(currentIndex); }); }); \/* 绑定'上一张'按钮 *\/ prevBtn.addEventListener('click', () =\u003e { currentIndex = (currentIndex - 1 + slides.length) % slides.length; updateCarousel(currentIndex); }); \/* 绑定'下一张'按钮 *\/ nextBtn.addEventListener('click', () =\u003e { currentIndex = (currentIndex + 1) % slides.length; updateCarousel(currentIndex); }); updateCarousel(currentIndex, false); }); }); \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- premium-module-12-nav-carousel --\u003e\n\u003cstyle\u003e #premium-module-12-nav-carousel-1775097839679286400 { .text-container img:not([style*=float]), .rte img:not([style*=float]) { display: block; margin: 0; } img { margin: 0; } .custom-carousel-slide { padding: 0; } .custom-carousel-container { position: relative; overflow: hidden; margin: auto; border-radius: 0 0 8px 8px; } .custom-carousel-viewport { display: flex; transition: transform 0.5s ease-in-out; } .custom-carousel-track { list-style: none; padding: 0; margin: 0; } .custom-carousel-slide { min-width: 100%; display: none; flex-shrink: 0; justify-content: center; align-items: center; text-align: left; position: relative; } .custom-carousel-slide.active { display: flex; } .slide-image img { width: 100%; height: auto; display: block; } .slide-caption { position: absolute; left: 80px; top: 50%; transform: translateY(-50%); color: #2d2d2d; background: rgba(200, 164, 139, 0.8); padding: 20px; border-radius: 8px; max-width: 500px; } .slide-caption h4 { font-weight: bold; margin-bottom: 10px; } .custom-carousel-controls { position: absolute; top: 50%; left: 0; right: 0; display: flex; justify-content: space-between; transform: translateY(-50%); padding: 0 10px; pointer-events: none; } .custom-carousel-controls button { font-size: 32px; background: rgba(200, 164, 139, 0.8); border: none; color: white; cursor: pointer; pointer-events: all; padding: 25px 15px; border-radius: 5px; } .custom-carousel-controls svg { fill: #fff; } .custom-carousel-tabs { \/* margin: 10px auto 20px; *\/ display: flex; gap: 8px; justify-content: flex-start; overflow-x: auto; white-space: nowrap; padding: 0 10px; flex-wrap: nowrap; \/* 保证在小屏上不换行 *\/ justify-content: center; background: rgba(200, 164, 139, 0.8); padding: 15px; border-radius: 8px 8px 0 0; } .custom-carousel-tabs .tab { cursor: pointer; padding: 10px 15px; flex-shrink: 0; white-space: nowrap; min-width: 140px; \/* max-width: 180px; *\/ border: none; background: transparent; font-weight: 600; color: #fff; } .custom-carousel-tabs .active { font-weight: bold; text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 3px; } } @media (max-width: 769px) { #premium-module-12-nav-carousel-1775097839679286400 { .custom-carousel-tabs { justify-content: flex-start; margin: 0; } .slide-caption { position: static; transform: none; background: none; color: black; text-align: center; padding: 10px; } .custom-carousel-slide.active { flex-direction: column; } .custom-carousel-controls { display: none; } } } \u003c\/style\u003e\n\u003cdiv class=\"premium-module-12-nav-carousel\"\u003e\n\u003cdiv id=\"premium-module-12-nav-carousel-1775097839679286400\" class=\"shopify-section\"\u003e\n\u003cdiv class=\"custom-carousel-module section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"custom-carousel-tabs\"\u003e\n\u003cbutton class=\"tab active\"\u003eArtistic by Design\u003c\/button\u003e\u003cbutton class=\"tab active\"\u003eSafe Material\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"custom-carousel-container\"\u003e\n\u003cdiv class=\"custom-carousel-viewport\"\u003e\n\u003col class=\"custom-carousel-track\"\u003e\n\u003cli class=\"custom-carousel-slide active\"\u003e\n\u003cdiv class=\"slide-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_PCAimg04_20260401.jpg\" loading=\"lazy\" class=\"hidden-phone\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_MOAimg04_20260401.jpg\" loading=\"lazy\" class=\"hidden-tablet-and-up\"\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"custom-carousel-slide active\"\u003e\n\u003cdiv class=\"slide-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_PCAimg05_20260401.jpg\" loading=\"lazy\" class=\"hidden-phone\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_MOAimg05_20260401.jpg\" loading=\"lazy\" class=\"hidden-tablet-and-up\"\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"custom-carousel-controls\"\u003e\n\u003cbutton class=\"prev-slide\"\u003e \u003csvg width=\"24\" height=\"24\" class=\"icon icon--left icon--direction-aware\" viewbox=\"0 0 24 24\"\u003e \u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L9.41421 12L15.7071 18.2929C16.0976 18.6834 16.0976 19.3166 15.7071 19.7071C15.3166 20.0976 14.6834 20.0976 14.2929 19.7071L7.29289 12.7071C7.10536 12.5196 7 12.2652 7 12C7 11.7348 7.10536 11.4804 7.29289 11.2929L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289Z\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003cbutton class=\"next-slide\"\u003e \u003csvg width=\"24\" height=\"24\" class=\"icon icon--right icon--direction-aware\" viewbox=\"0 0 24 24\"\u003e \u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.29289 4.29289C8.68342 3.90237 9.31658 3.90237 9.70711 4.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L9.70711 19.7071C9.31658 20.0976 8.68342 20.0976 8.29289 19.7071C7.90237 19.3166 7.90237 18.6834 8.29289 18.2929L14.5858 12L8.29289 5.70711C7.90237 5.31658 7.90237 4.68342 8.29289 4.29289Z\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e document.addEventListener('DOMContentLoaded', function() { \/* 为每个轮播容器初始化独立的轮播实例 *\/ document.querySelectorAll('.custom-carousel-module').forEach(module =\u003e { const container = module.querySelector('.custom-carousel-container'); const slides = container.querySelectorAll('.custom-carousel-slide'); const tabs = module.querySelectorAll('.custom-carousel-tabs .tab'); const prevBtn = container.querySelector('.prev-slide'); const nextBtn = container.querySelector('.next-slide'); let currentIndex = 0; function updateCarousel(index, scrollTab = true) { \/* 更新幻灯片 *\/ slides.forEach((slide, i) =\u003e { slide.classList.toggle('active', i === index); }); \/* 更新标签 *\/ tabs.forEach((tab, i) =\u003e { tab.classList.toggle('active', i === index); }); \/* 滚动标签 *\/ if (scrollTab) { const tab = tabs[index]; tab.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }); } } \/* 绑定标签点击事件 *\/ tabs.forEach((tab, i) =\u003e { tab.addEventListener('click', () =\u003e { currentIndex = i; updateCarousel(currentIndex); }); }); \/* 绑定'上一张'按钮 *\/ prevBtn.addEventListener('click', () =\u003e { currentIndex = (currentIndex - 1 + slides.length) % slides.length; updateCarousel(currentIndex); }); \/* 绑定'下一张'按钮 *\/ nextBtn.addEventListener('click', () =\u003e { currentIndex = (currentIndex + 1) % slides.length; updateCarousel(currentIndex); }); updateCarousel(currentIndex, false); }); }); \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- premium-module-12-nav-carousel --\u003e\n\u003cstyle\u003e #premium-module-12-nav-carousel-1775097839679286400 { .text-container img:not([style*=float]), .rte img:not([style*=float]) { display: block; margin: 0; } img { margin: 0; } .custom-carousel-slide { padding: 0; } .custom-carousel-container { position: relative; overflow: hidden; margin: auto; border-radius: 0 0 8px 8px; } .custom-carousel-viewport { display: flex; transition: transform 0.5s ease-in-out; } .custom-carousel-track { list-style: none; padding: 0; margin: 0; } .custom-carousel-slide { min-width: 100%; display: none; flex-shrink: 0; justify-content: center; align-items: center; text-align: left; position: relative; } .custom-carousel-slide.active { display: flex; } .slide-image img { width: 100%; height: auto; display: block; } .slide-caption { position: absolute; left: 80px; top: 50%; transform: translateY(-50%); color: #2d2d2d; background: rgba(200, 164, 139, 0.8); padding: 20px; border-radius: 8px; max-width: 500px; } .slide-caption h4 { font-weight: bold; margin-bottom: 10px; } .custom-carousel-controls { position: absolute; top: 50%; left: 0; right: 0; display: flex; justify-content: space-between; transform: translateY(-50%); padding: 0 10px; pointer-events: none; } .custom-carousel-controls button { font-size: 32px; background: rgba(200, 164, 139, 0.8); border: none; color: white; cursor: pointer; pointer-events: all; padding: 25px 15px; border-radius: 5px; } .custom-carousel-controls svg { fill: #fff; } .custom-carousel-tabs { \/* margin: 10px auto 20px; *\/ display: flex; gap: 8px; justify-content: flex-start; overflow-x: auto; white-space: nowrap; padding: 0 10px; flex-wrap: nowrap; \/* 保证在小屏上不换行 *\/ justify-content: center; background: rgba(200, 164, 139, 0.8); padding: 15px; border-radius: 8px 8px 0 0; } .custom-carousel-tabs .tab { cursor: pointer; padding: 10px 15px; flex-shrink: 0; white-space: nowrap; min-width: 140px; \/* max-width: 180px; *\/ border: none; background: transparent; font-weight: 600; color: #fff; } .custom-carousel-tabs .active { font-weight: bold; text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 3px; } } @media (max-width: 769px) { #premium-module-12-nav-carousel-1775097839679286400 { .custom-carousel-tabs { justify-content: flex-start; margin: 0; } .slide-caption { position: static; transform: none; background: none; color: black; text-align: center; padding: 10px; } .custom-carousel-slide.active { flex-direction: column; } .custom-carousel-controls { display: none; } } } \u003c\/style\u003e\n\u003cdiv class=\"premium-module-12-nav-carousel\"\u003e\n\u003cdiv id=\"premium-module-12-nav-carousel-1775097839679286400\" class=\"shopify-section\"\u003e\n\u003cdiv class=\"custom-carousel-module section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"custom-carousel-tabs\"\u003e\n\u003cbutton class=\"tab active\"\u003eBack\u003c\/button\u003e\u003cbutton class=\"tab active\"\u003eFront\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"custom-carousel-container\"\u003e\n\u003cdiv class=\"custom-carousel-viewport\"\u003e\n\u003col class=\"custom-carousel-track\"\u003e\n\u003cli class=\"custom-carousel-slide active\"\u003e\n\u003cdiv class=\"slide-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_PCAimg06_20260401.jpg\" loading=\"lazy\" class=\"hidden-phone\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_MOAimg06_20260401.jpg\" loading=\"lazy\" class=\"hidden-tablet-and-up\"\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"custom-carousel-slide active\"\u003e\n\u003cdiv class=\"slide-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_PCAimg07_20260401.jpg\" loading=\"lazy\" class=\"hidden-phone\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_MOAimg07_20260401.jpg\" loading=\"lazy\" class=\"hidden-tablet-and-up\"\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"custom-carousel-controls\"\u003e\n\u003cbutton class=\"prev-slide\"\u003e \u003csvg width=\"24\" height=\"24\" class=\"icon icon--left icon--direction-aware\" viewbox=\"0 0 24 24\"\u003e \u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L9.41421 12L15.7071 18.2929C16.0976 18.6834 16.0976 19.3166 15.7071 19.7071C15.3166 20.0976 14.6834 20.0976 14.2929 19.7071L7.29289 12.7071C7.10536 12.5196 7 12.2652 7 12C7 11.7348 7.10536 11.4804 7.29289 11.2929L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289Z\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003cbutton class=\"next-slide\"\u003e \u003csvg width=\"24\" height=\"24\" class=\"icon icon--right icon--direction-aware\" viewbox=\"0 0 24 24\"\u003e \u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/g\u003e \u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.29289 4.29289C8.68342 3.90237 9.31658 3.90237 9.70711 4.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L9.70711 19.7071C9.31658 20.0976 8.68342 20.0976 8.29289 19.7071C7.90237 19.3166 7.90237 18.6834 8.29289 18.2929L14.5858 12L8.29289 5.70711C7.90237 5.31658 7.90237 4.68342 8.29289 4.29289Z\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e document.addEventListener('DOMContentLoaded', function() { \/* 为每个轮播容器初始化独立的轮播实例 *\/ document.querySelectorAll('.custom-carousel-module').forEach(module =\u003e { const container = module.querySelector('.custom-carousel-container'); const slides = container.querySelectorAll('.custom-carousel-slide'); const tabs = module.querySelectorAll('.custom-carousel-tabs .tab'); const prevBtn = container.querySelector('.prev-slide'); const nextBtn = container.querySelector('.next-slide'); let currentIndex = 0; function updateCarousel(index, scrollTab = true) { \/* 更新幻灯片 *\/ slides.forEach((slide, i) =\u003e { slide.classList.toggle('active', i === index); }); \/* 更新标签 *\/ tabs.forEach((tab, i) =\u003e { tab.classList.toggle('active', i === index); }); \/* 滚动标签 *\/ if (scrollTab) { const tab = tabs[index]; tab.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }); } } \/* 绑定标签点击事件 *\/ tabs.forEach((tab, i) =\u003e { tab.addEventListener('click', () =\u003e { currentIndex = i; updateCarousel(currentIndex); }); }); \/* 绑定'上一张'按钮 *\/ prevBtn.addEventListener('click', () =\u003e { currentIndex = (currentIndex - 1 + slides.length) % slides.length; updateCarousel(currentIndex); }); \/* 绑定'下一张'按钮 *\/ nextBtn.addEventListener('click', () =\u003e { currentIndex = (currentIndex + 1) % slides.length; updateCarousel(currentIndex); }); updateCarousel(currentIndex, false); }); }); \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- premium-module-2-fullbackground-image --\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_PCAimg08_20260401.jpg\" loading=\"lazy\" class=\"hidden-phone\" alt=\"\" style=\"border-radius: 8px; margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/8963\/8555\/files\/B0GT92DC6N_MOAimg08_20260401.jpg\" loading=\"lazy\" class=\"hidden-tablet-and-up\" alt=\"\" style=\"border-radius: 8px; margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ctable id=\"productDetails_detailBullets_sections1\" class=\"spc_table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"font-size: large;\" colspan=\"2\"\u003eProduct Information\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBrand\u003c\/td\u003e\n\u003ctd\u003eTribesigns\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Dimensions\u003c\/td\u003e\n\u003ctd\u003e17.72\"D x 63\"W x 41.34\"H\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaximum Weight Recommendation\u003c\/td\u003e\n\u003ctd\u003e300 Pounds\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eColor\u003c\/td\u003e\n\u003ctd\u003eWood Color\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Care Instructions\u003c\/td\u003e\n\u003ctd\u003eWipe with Damp Cloth\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRecommended Uses For Product\u003c\/td\u003e\n\u003ctd\u003eStorage\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStyle\u003c\/td\u003e\n\u003ctd\u003eFarmhouse\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBase Type\u003c\/td\u003e\n\u003ctd\u003ePedestal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIncluded Components\u003c\/td\u003e\n\u003ctd\u003eInstallation Tool\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize\u003c\/td\u003e\n\u003ctd\u003eLarge\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIs Stain Resistant\u003c\/td\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eEngineered Wood, \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNumber of Items\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTop Color\u003c\/td\u003e\n\u003ctd\u003eBrown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBase Color\u003c\/td\u003e\n\u003ctd\u003eBrown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIncludes All Assembly Tools\u003c\/td\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Dimensions\u003c\/td\u003e\n\u003ctd\u003e63\"L x 17.7\"W x 41.3\"H\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSpecial Feature\u003c\/td\u003e\n\u003ctd\u003eEasy Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eManufacturer\u003c\/td\u003e\n\u003ctd\u003eTribesigns\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRoom Type\u003c\/td\u003e\n\u003ctd\u003eDining Room, Home Bar, Kitchen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eItem Weight\u003c\/td\u003e\n\u003ctd\u003e95.02 pounds\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan\u003eWhat's Included:\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan\u003eA Bar Table, Hardware, and Assembly Instructions\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Tribesigns","offers":[{"title":"Default Title","offer_id":46889260581061,"sku":"SFLXY-DPN5QITVT00","price":369.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/7414\/6757\/files\/1_489c9949-bd61-4232-82ba-75bf104f9427.jpg?v=1789011124","url":"https:\/\/tribesignsca.com\/products\/tribesigns-63-bar-table-2-tier-bar-unit-counter-height-pub-table-with-shelves","provider":"TribesignsCA","version":"1.0","type":"link"}