{"product_id":"aluminum-4-piece-rope-woven-patio-furniture-set-with-washable-cushions","title":"Aluminum 4-Piece Rope Woven Patio Furniture Set  with Washable Cushions","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\/L168046A-sofa-set-main-2.webp?v=1779280150\" alt=\"Aluminum 4-Piece Rope Woven Patio Furniture Set  with Washable Cushions\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"title\"\u003eHandwoven Detail, Enduring Structure\u003c\/h2\u003e\n\u003cp class=\"summary\"\u003eThe foundation of this set is a reinforced, rust-proof aluminum frame finished in an elegant, hand-brushed gray oak tone. The artisanal handwoven polyester rope not only introduces a tactile, modern aesthetic but is specifically engineered to withstand sun exposure and coastal breezes, ensuring unwavering stability for years to come.\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\/L168046A-sofa-set-main-5.webp?v=1779280151\" alt=\"Folding Acacia Wood Adirondack Chair for Patio \u0026amp; Garden\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"title\"\u003eRefined Practicality, Thoughtful Care\u003c\/h2\u003e\n\u003cp class=\"summary\"\u003eEnjoy the luxury of an outdoor living room with minimal upkeep. The plush cushions feature water-resistant fabric with hidden zippers, allowing you to easily remove and machine-wash the covers. Meanwhile, the durable slatted aluminum coffee table simply needs a quick wipe-down after spills, keeping your patio looking immaculate with zero stress.\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;\"\u003eSeamless Fit for Every Room\u003c\/h3\u003e\n\u003cp style=\"color: #636a4b; font-size: 16px; margin-bottom: 12px; font-weight: 500;\"\u003e- Versatile Storage \u0026amp; Display -\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\"\u003eEntertain\u003c\/button\u003e \u003cbutton data-index=\"3\" class=\"pz-tab\"\u003eCozy\u003c\/button\u003e \u003cbutton data-index=\"4\" class=\"pz-tab\"\u003ePoolside\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\/L168046A-sofa-set-description-3.webp?v=1779336050\"\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\/L168046A-sofa-set-description-1.webp?v=1779336051\"\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\/L168046A-sofa-set-description-2.webp?v=1779336051\"\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=\"Aluminum 4-Piece Rope Woven Patio Furniture Set  with Washable Cushions\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168032A-sofa-set-instruction.webp?v=1779273575\" 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=\"Patio Rope Weave Outdoor Armchair with Washable Cushions, Deep Seating Sofa Chair, Gray Oak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/168013A-chair-detail-2.webp?v=1779030429\"\u003e \u003c\/a\u003e\n\u003cp class=\"title\"\u003eArtisanal Rope Weave\u003c\/p\u003e\n\u003cp class=\"summary\"\u003eCarefully handwoven detailing adds rich texture and a modern architectural touch to any outdoor space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"special-item\"\u003e\n\u003ca class=\"img\" href=\"#\"\u003e \u003cimg alt=\"Patio Rope Weave Outdoor Armchair with Washable Cushions, Deep Seating Sofa Chair, Gray Oak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/168013A-chair-detail-1.webp?v=1779030428\"\u003e \u003c\/a\u003e\n\u003cp class=\"title\"\u003ePlush Deep Seating\u003c\/p\u003e\n\u003cp class=\"summary\"\u003ePremium 5.5-inch thick cushions provide sink-in comfort and ergonomic back support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"special-item\"\u003e\n\u003ca class=\"img\" href=\"#\"\u003e \u003cimg alt=\"Patio Rope Weave Outdoor Armchair with Washable Cushions, Deep Seating Sofa Chair, Gray Oak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/168013A-chair-main-1_1.jpg?v=1779035568\"\u003e \u003c\/a\u003e\n\u003cp class=\"title\"\u003eSteadfast Stability\u003c\/p\u003e\n\u003cp class=\"summary\"\u003eThoughtfully equipped with anti-slip feet to ensure unwavering balance while protecting your deck or patio from scratches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"special-item\"\u003e\n\u003ca class=\"img\" href=\"#\"\u003e \u003cimg alt=\"Patio Rope Weave Outdoor Armchair with Washable Cushions, Deep Seating Sofa Chair, Gray Oak\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/168013A-chair-detail-3.webp?v=1779030427\"\u003e \u003c\/a\u003e\n\u003cp class=\"title\"\u003eZip-Off Covers\u003c\/p\u003e\n\u003cp class=\"summary\"\u003eWater-resistant, removable covers make cleaning and seasonal maintenance completely hassle-free.\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":"3-Seater Sofa + 2 Armchairs + 1 Table","offer_id":51639209951522,"sku":"L168032A","price":2288.0,"currency_code":"USD","in_stock":false},{"title":"2 Armchairs","offer_id":51652650598690,"sku":"L168096A","price":1160.0,"currency_code":"USD","in_stock":false},{"title":"3-Seater Sofa + 2 Swivel Armchairs +1 Table","offer_id":51652650631458,"sku":"L168046A","price":2399.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/L168032A-sofa-set-main-5_3687336f-ec4d-40c2-a412-ebdfaced1ed0.webp?v=1779278860","url":"https:\/\/www.primezonehome.com\/products\/aluminum-4-piece-rope-woven-patio-furniture-set-with-washable-cushions","provider":"PrimeZone","version":"1.0","type":"link"}