{"product_id":"7-piece-aluminum-patio-dining-set-with-swivel-chairs-for-deck-poolside-backyard-teak","title":"Aluminum Outdoor Rectangular Dining Table + 6 Chairs \u0026 Umbrella Hole","description":"\u003cdiv class=\"extend-content\"\u003e\n\u003cdiv class=\"desc-item\"\u003e\n\u003cdiv class=\"image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-diningtable-set-main-1.webp?v=1779358717\" alt=\"7-Piece Aluminum Patio Dining Set with Swivel Chairs for Deck Poolside, Backyard, Teak\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"content\"\u003e\n      \u003ch2 class=\"title\"\u003eDynamic Seating for Every Guest\u003c\/h2\u003e\n      \u003cp class=\"summary\"\u003eDesigned to balance comfort and conversation, this 7-piece set includes two 360-degree swivel chairs that allow for effortless, interactive mobility, paired with four sturdy stationary chairs. Whether you're hosting a lively poolside gathering or a relaxed family dinner, everyone gets the best seat in the house.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"desc-hr\"\u003e\n\u003cdiv class=\"desc-item\"\u003e\n\u003cdiv class=\"image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-diningtable-set-main-3.webp?v=1779358716\" alt=\"7-Piece Aluminum Patio Dining Set with Swivel Chairs for Deck Poolside, Backyard, Teak\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"content\"\u003e\n      \u003ch2 class=\"title\"\u003eEffortless Alfresco Living\u003c\/h2\u003e\n      \u003cp class=\"sub-title\"\u003e \u003c\/p\u003e\n      \u003cp class=\"summary\"\u003eSun-drenched afternoons are never an issue. The spacious table features an integrated 2.2-inch center umbrella hole, perfectly sized to accommodate most standard patio umbrellas. Simply add your favorite canopy to create a cool, shaded oasis for your backyard entertaining.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr style=\"border-top: 1px solid #eee; margin: 30px 0;\" class=\"desc-hr\"\u003e\n\u003cdiv class=\"desc-special\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\" class=\"pz-header\"\u003e\n\u003ch3 style=\"font-size: 30px; font-weight: bold; margin-bottom: 8px; color: #333;\"\u003eOne Set, Endless Dining Experiences\u003c\/h3\u003e\n\u003cp style=\"color: #636a4b; font-size: 16px; margin-bottom: 12px; font-weight: 500;\"\u003e- Elevate Every Outdoor Occasion -\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"pzRoomCarousel\" class=\"pz-carousel-container\"\u003e\n\u003cdiv class=\"pz-nav-tabs\"\u003e\n\u003cbutton data-index=\"1\" class=\"pz-tab active\"\u003eSeaside\u003c\/button\u003e \u003cbutton data-index=\"3\" class=\"pz-tab\"\u003eOasis\u003c\/button\u003e \u003cbutton data-index=\"4\" class=\"pz-tab\"\u003eGathering\u003c\/button\u003e \n\u003c\/div\u003e\n\u003cdiv class=\"pz-slider-wrapper\"\u003e\n\u003cbutton class=\"pz-arrow pz-prev\"\u003e❮\u003c\/button\u003e\n\u003cdiv class=\"pz-slider-track\"\u003e\n\u003cdiv class=\"pz-slide\"\u003e\u003cimg alt=\"Living Room Fluted Sideboard\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-dining-table-set-description-6.webp?v=1779456125\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pz-slide\"\u003e\u003cimg alt=\"Entryway Fluted Sideboard\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-dining-table-set-description-8.webp?v=1779456125\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pz-slide\"\u003e\u003cimg alt=\"Bedroom Fluted Sideboard\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-dining-table-set-description-7.webp?v=1779456124\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pz-arrow pz-next\"\u003e❯\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n    \/* 保持原有的 CSS 完全不变 *\/\n    .pz-carousel-container {\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n        font-family: inherit;\n        background: #fafafa;\n        border-radius: 4px;\n        overflow: hidden;\n    }\n\n    \/* Navigation Bar Styles *\/\n    .pz-nav-tabs {\n        display: flex;\n        justify-content: center;\n        background-color: #222;\n        padding: 0;\n        flex-wrap: nowrap;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n    }\n    .pz-nav-tabs::-webkit-scrollbar {\n        display: none; \/* Hide scrollbar on mobile *\/\n    }\n    .pz-tab {\n        flex: 1;\n        text-align: center;\n        background: transparent;\n        border: none;\n        color: #999;\n        font-size: 14px;\n        font-weight: 600;\n        padding: 16px 20px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        border-bottom: 3px solid transparent;\n        white-space: nowrap;\n    }\n    .pz-tab:hover {\n        color: #fff;\n    }\n    .pz-tab.active {\n        color: #fff;\n        border-bottom: 3px solid #fff;\n    }\n\n    \/* Image Slider Area Styles *\/\n    .pz-slider-wrapper {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        line-height: 0;\n    }\n    .pz-slider-track {\n        display: flex;\n        width: 100%;\n        transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n        will-change: transform;\n    }\n    .pz-slide {\n        flex: 0 0 100%;\n        width: 100%;\n    }\n    .pz-slide img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    \/* Left\/Right Arrow Styles *\/\n    .pz-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(255, 255, 255, 0.7);\n        border: none;\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        color: #333;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n        transition: background 0.3s ease;\n        border-radius: 50%;\n    }\n    .pz-arrow:hover {\n        background: rgba(255, 255, 255, 1);\n        color: #636a4b;\n    }\n    .pz-prev { left: 15px; }\n    .pz-next { right: 15px; }\n\n    @media (max-width: 768px) {\n        .pz-tab { padding: 12px 15px; font-size: 13px; }\n        .pz-arrow { width: 32px; height: 32px; font-size: 16px; }\n      \/* 👇 添加这一行，在手机端将标签改为靠左对齐，防止第一个标签被裁剪 *\/\n        .pz-nav-tabs { \n            justify-content: flex-start; \n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"extend-content\"\u003e\n\u003cdiv class=\"extend-content\"\u003e\n\u003cscript\u003e\n    \/* 保持原有的 JS 完全不变 *\/\n    document.addEventListener('DOMContentLoaded', function() {\n        const carousel = document.getElementById('pzRoomCarousel');\n        if (!carousel) return;\n\n        const track = carousel.querySelector('.pz-slider-track');\n        const tabs = carousel.querySelectorAll('.pz-tab');\n        const prevBtn = carousel.querySelector('.pz-prev');\n        const nextBtn = carousel.querySelector('.pz-next');\n        const totalSlides = tabs.length;\n        let currentIndex = 0;\n\n        function updateCarousel(index) {\n            \/\/ Prevent out of bounds\n            if (index \u003c 0) index = totalSlides - 1;\n            if (index \u003e= totalSlides) index = 0;\n            currentIndex = index;\n\n            \/\/ Move image track\n            const translateX = -(currentIndex * 100);\n            track.style.transform = `translateX(${translateX}%)`;\n\n            \/\/ Update tab highlight status\n            tabs.forEach(tab =\u003e tab.classList.remove('active'));\n            tabs[currentIndex].classList.add('active');\n\n            \/\/ Scroll selected tab to center on mobile\n            tabs[currentIndex].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n        }\n\n        \/\/ Bind tab click events\n        tabs.forEach((tab, index) =\u003e {\n            tab.addEventListener('click', () =\u003e updateCarousel(index));\n        });\n\n        \/\/ Bind arrow click events\n        nextBtn.addEventListener('click', () =\u003e updateCarousel(currentIndex + 1));\n        prevBtn.addEventListener('click', () =\u003e updateCarousel(currentIndex - 1));\n    });\n\u003c\/script\u003e\n\u003chr class=\"desc-hr\"\u003e\n\u003cdiv class=\"desc-special\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003cp class=\"title\" style=\"font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 20px;\"\u003eEffortless 4-Step Assembly\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 100%; margin-bottom: 40px;\" class=\"assembly-section\"\u003e\u003cimg alt=\"7-Piece Aluminum Patio Dining Set with Swivel Chairs for Deck Poolside, Backyard, Teak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-dining-table-set-instruction.jpg?v=1779358243\" style=\"width: 100%; height: auto; display: block;\"\u003e\u003c\/div\u003e\n\u003chr class=\"desc-hr\"\u003e\n\u003cdiv class=\"special-section mt-10\"\u003e\n\u003ch2 class=\"title\" style=\"font-size: 32px;\"\u003eWhy You'll Love It\u003c\/h2\u003e\n\u003cdiv class=\"section-grid\"\u003e\n\u003cdiv class=\"special-item\"\u003e\n\u003ca class=\"img\" href=\"#\"\u003e \u003cimg alt=\"7-Piece Aluminum Patio Dining Set with Swivel Chairs for Deck Poolside, Backyard, Teak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-dining-table-set-detail-2.webp?v=1779785476\"\u003e \u003c\/a\u003e\n\u003cp class=\"title\"\u003eConcealed Zipper Design\u003c\/p\u003e\n\u003cp class=\"summary\"\u003eThoughtfully hidden zippers maintain a clean, tailored aesthetic while making it completely effortless to remove and machine-wash the covers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"special-item\"\u003e\n\u003ca class=\"img\" href=\"#\"\u003e \u003cimg alt=\"7-Piece Aluminum Patio Dining Set with Swivel Chairs for Deck Poolside, Backyard, Teak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-dining-table-set-detail-3.webp?v=1779358244\"\u003e \u003c\/a\u003e\n\u003cp class=\"title\"\u003eIntegrated 2.2\" Umbrella Hole\u003c\/p\u003e\n\u003cp class=\"summary\"\u003eSeamlessly accommodate most standard patio canopies with a perfectly sized center hole.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"special-item\"\u003e\n\u003ca class=\"img\" href=\"#\"\u003e \u003cimg alt=\"7-Piece Aluminum Patio Dining Set with Swivel Chairs for Deck Poolside, Backyard, Teak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-dining-table-set-detail-4.webp?v=1779358243\"\u003e \u003c\/a\u003e\n\u003cp class=\"title\"\u003ePrecision Adjustable Feet\u003c\/p\u003e\n\u003cp class=\"summary\"\u003eCustomizable levelers guarantee perfect stability on uneven patio stones, rustic brick, or wooden decks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"special-item\"\u003e\n\u003ca class=\"img\" href=\"#\"\u003e \u003cimg alt=\"7-Piece Aluminum Patio Dining Set with Swivel Chairs for Deck Poolside, Backyard, Teak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-dining-table-set-detail-1.jpg?v=1779358243\"\u003e \u003c\/a\u003e\n\u003cp class=\"title\"\u003ePremium Olefin Performance\u003c\/p\u003e\n\u003cp class=\"summary\"\u003eEngineered for the elements, these high-end cushions are naturally water, stain, and fade-resistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"我的商店","offers":[{"title":"4 Fixed \u0026 2 Swivel Chairs+Table","offer_id":51639210279202,"sku":"L168009A","price":2088.0,"currency_code":"USD","in_stock":true},{"title":"6 Fixed Chairs+Table","offer_id":51656566374690,"sku":"L168007A","price":1958.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168009A-diningtable-set-main-1.webp?v=1779358717","url":"https:\/\/www.primezonehome.com\/products\/7-piece-aluminum-patio-dining-set-with-swivel-chairs-for-deck-poolside-backyard-teak","provider":"PrimeZone","version":"1.0","type":"link"}