{"product_id":"patio-rope-weave-outdoor-armchair-with-washable-cushions-gray-oak","title":"Patio Rope Weave Outdoor Armchair with Washable Cushions, Deep Seating Sofa Chair, Gray Oak","description":"\u003cdiv class=\"extend-content\"\u003e\n\u003cdiv class=\"desc-item\"\u003e\n\u003cdiv class=\"image\"\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.webp?v=1779030429\"\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 core of this chair is a heavy-duty, never-rust aluminum frame finished in a sophisticated gray oak tone. Wrapped in tightly handwoven, weather-resistant polyester rope, the architectural silhouette offers both textural beauty and exceptional structural integrity.\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 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-4.webp?v=1779030430\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"title\"\u003eRefined Practicality, Thoughtful Care\u003c\/h2\u003e\n\u003cp class=\"summary\"\u003eWhether facing morning dew or accidental spills during a summer gathering, our premium cushions are equipped with stain-resistant fabric and a water-resistant backing. The covers feature smooth zippers, making them fully removable and machine-washable so your outdoor sanctuary maintains its pristine look season after season with minimal effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"desc-hr\" style=\"border-top: 1px solid #eee; margin: 30px 0;\"\u003e\n\u003cdiv class=\"desc-special\"\u003e\n\u003cdiv class=\"pz-header\" style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch3 style=\"font-size: 24px; font-weight: bold; margin-bottom: 8px; color: #333;\"\u003eOne Collection, Three Ways to Lounge\u003c\/h3\u003e\n\u003cp style=\"color: #636a4b; font-size: 16px; margin-bottom: 12px; font-weight: 500;\"\u003e- Flexible Configurations for Any Space -\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pz-carousel-container\" id=\"pzRoomCarousel\"\u003e\n\u003cdiv class=\"pz-nav-tabs\"\u003e\n\u003cbutton class=\"pz-tab active\" data-index=\"0\"\u003eCozy\u003c\/button\u003e \u003cbutton class=\"pz-tab\" data-index=\"1\"\u003eEntertain\u003c\/button\u003e \u003cbutton class=\"pz-tab\" data-index=\"2\"\u003ePoolside\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pz-slider-wrapper\"\u003e\n\u003cbutton class=\"pz-arrow pz-prev\" aria-label=\"Previous\"\u003e❮\u003c\/button\u003e\n\u003cdiv class=\"pz-slider-track\"\u003e\n\u003cdiv class=\"pz-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/168013A-sofa-set-main-description-3.webp?v=1780039199\" alt=\"Dresser in Bedroom\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pz-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/168013A-sofa-set-main-description-2.webp?v=1780039199\" alt=\"Dresser in Living Room\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pz-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/168013A-sofa-set-main-7.25-1.webp?v=1780039199\" alt=\"Dresser in Nursery\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pz-arrow pz-next\" aria-label=\"Next\"\u003e❯\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"desc-hr\"\u003e\n\u003cdiv class=\"special-section mt-10\"\u003e\n\u003cdiv class=\"special-title\"\u003eWhy You'll Love It\u003c\/div\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\n\u003cstyle\u003e\n    \/* 基础布局优化 *\/\n    .extend-content { max-width: 1200px; margin: 0 auto; overflow: hidden; }\n    .pz-carousel-container {\n        width: 100%;\n        margin: 20px 0;\n        background: #fafafa;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n    }\n    \n    \/* 导航栏：增加触控滚动的视觉引导 *\/\n    .pz-nav-tabs {\n        display: flex;\n        background-color: #222;\n        overflow-x: auto;\n        scroll-behavior: smooth;\n        scrollbar-width: none; \/* Firefox *\/\n        -ms-overflow-style: none; \/* IE\/Edge *\/\n    }\n    .pz-nav-tabs::-webkit-scrollbar { display: none; }\n    \n    .pz-tab {\n        flex: 1;\n        min-width: 100px;\n        text-align: center;\n        background: transparent;\n        border: none;\n        color: #999;\n        font-size: 14px;\n        font-weight: 600;\n        padding: 16px 10px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        border-bottom: 3px solid transparent;\n        white-space: nowrap;\n    }\n    .pz-tab.active {\n        color: #fff;\n        border-bottom: 3px solid #fff;\n    }\n\n    \/* 轮播区域：固定比例防止跳动 *\/\n    .pz-slider-wrapper {\n        position: relative;\n        overflow: hidden;\n    }\n    .pz-slider-track {\n        display: flex;\n        transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 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        aspect-ratio: 16 \/ 10; \/* 建议根据你的图片比例调整 *\/\n        object-fit: cover;\n        display: block;\n    }\n\n    .pz-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(255, 255, 255, 0.85);\n        border: none;\n        width: 44px;\n        height: 44px;\n        font-size: 18px;\n        border-radius: 50%;\n        cursor: pointer;\n        z-index: 10;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: 0.3s;\n        box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n    }\n    .pz-arrow:hover { background: #fff; color: #636a4b; }\n    .pz-prev { left: 15px; }\n    .pz-next { right: 15px; }\n\n    @media (max-width: 768px) {\n        .pz-tab { padding: 12px; font-size: 13px; flex: none; width: 33.3%; }\n        .pz-arrow { width: 36px; height: 36px; }\n    }\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ 获取轮播图相关元素\n    const carousel = document.getElementById('pzRoomCarousel');\n    if (!carousel) return;\n\n    const tabs = carousel.querySelectorAll('.pz-tab');\n    const track = carousel.querySelector('.pz-slider-track');\n    const prevBtn = carousel.querySelector('.pz-prev');\n    const nextBtn = carousel.querySelector('.pz-next');\n    const slideCount = tabs.length;\n    \n    let currentIndex = 0;\n\n    \/\/ 核心切换函数\n    function goToSlide(index) {\n        \/\/ 处理边界（循环轮播）\n        if (index \u003c 0) {\n            currentIndex = slideCount - 1;\n        } else if (index \u003e= slideCount) {\n            currentIndex = 0;\n        } else {\n            currentIndex = index;\n        }\n\n        \/\/ 移动图片轨道 (向左偏移 currentIndex * 100%)\n        track.style.transform = `translateX(-${currentIndex * 100}%)`;\n\n        \/\/ 更新 Tab 高亮状态\n        tabs.forEach(tab =\u003e tab.classList.remove('active'));\n        tabs[currentIndex].classList.add('active');\n    }\n\n    \/\/ 1. 为 Tab 标签绑定点击事件\n    tabs.forEach((tab) =\u003e {\n        tab.addEventListener('click', function() {\n            \/\/ 从 data-index 属性获取目标索引\n            const index = parseInt(this.getAttribute('data-index'));\n            goToSlide(index);\n        });\n    });\n\n    \/\/ 2. 为左右箭头绑定点击事件\n    prevBtn.addEventListener('click', function() {\n        goToSlide(currentIndex - 1);\n    });\n\n    nextBtn.addEventListener('click', function() {\n        goToSlide(currentIndex + 1);\n    });\n});\n\u003c\/script\u003e","brand":"我的商店","offers":[{"title":"Single Armchair","offer_id":51634307399970,"sku":"168013A","price":499.0,"currency_code":"USD","in_stock":false},{"title":"2 Chairs \u0026 Side Table","offer_id":51659572969762,"sku":null,"price":1374.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0950\/5272\/6562\/files\/168013A-chair-main-1-5.25.webp?v=1779794556","url":"https:\/\/www.primezonehome.com\/products\/patio-rope-weave-outdoor-armchair-with-washable-cushions-gray-oak","provider":"PrimeZone","version":"1.0","type":"link"}