{"product_id":"purple-leaf-louvered-pergola-modern-champagne-pergola-with-adjustable-roof-for-deck-backyard-garden","title":"PURPLE LEAF Athena Louvered Pergola Modern Champagne Pergola with Adjustable Roof for Deck Backyard Garden","description":"\u003c!-- 自定义商品详情排版 --\u003e\n\u003cdiv class=\"customDetailBox card__section\"\u003e\n\u003cdiv class=\"topTitle\"\u003ePRODUCT OVERVIEW\u003c\/div\u003e\n\u003cdiv class=\"main\"\u003e\n\n\u003c!-- 第一板块START (FEATURES) --\u003e\n\u003cdiv class=\"item active\"\u003e\n\u003cdiv class=\"itemTitle\"\u003eFEATURES\u003cimg alt=\"\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0025\/3172\/1251\/files\/angel.png?v=1716254171\" class=\"iconAngel\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003cstyle\u003e\n    .more-text { display: none; }\n    .see-more, .see-less { color: #3771aa; font-weight: bold; cursor: pointer; }\n  \u003c\/style\u003e\n\n  \u003cp data-mce-fragment=\"1\"\u003e● \u003cstrong\u003eConcealed Drainage System\u003c\/strong\u003e: Rainwater is channeled through widened corner columns for even distribution — no leaks, even on uneven ground.\u003c\/p\u003e\n  \u003cp data-mce-fragment=\"1\"\u003e● \u003cstrong\u003ePremium Powder-Coated Aluminum\u003c\/strong\u003e: Built with 1.5 mm thick columns that resist rust, peeling, and fading through all seasons.\u003c\/p\u003e\n  \u003cp data-mce-fragment=\"1\"\u003e● \u003cstrong\u003eReinforced Crossbeam\u003c\/strong\u003e: Upgraded to 4.33″ × 4.33″ dimensions, rated to withstand wind speeds up to 72 mph.\u003c\/p\u003e\n  \u003cspan class=\"see-more\" onclick=\"expandContent()\"\u003e﹥See More\u003c\/span\u003e\n  \u003cspan class=\"more-text\"\u003e\n    \u003cp data-mce-fragment=\"1\"\u003e● \u003cstrong\u003e2 Independent Adjustable Louvers\u003c\/strong\u003e: Rotate each panel 0°–90° to control shade or let the sun in — on your terms.\u003c\/p\u003e\n    \u003cp data-mce-fragment=\"1\"\u003e● \u003cstrong\u003eVersatile Fit\u003c\/strong\u003e: Designed for decks, gardens, and yards. All hardware included — no special tools, rivets, or welds required.\u003c\/p\u003e\n    \u003cp data-mce-fragment=\"1\"\u003e· We recommend 2-3 people for assembly. Furniture not included. In high winds or heavy snow, open the louvers and remove shade screen accessories to prevent damage.\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003eCheck HOA approval before purchasing — many associations regulate louvered pergola structures.\u003c\/b\u003e\u003c\/p\u003e\n    \u003ch3 style=\"text-align:left;\"\u003e\n      \u003cspan style=\"color:#ff8000;\"\u003eQuestions? Contact us: \u003c\/span\u003e\n      \u003ca style=\"color:#ff8000;\" href=\"mailto:purpleleafservice2@gmail.com\"\u003epurpleleafservice2@gmail.com\u003c\/a\u003e\n    \u003c\/h3\u003e\n    \u003cspan class=\"see-less\" onclick=\"collapseContent()\"\u003e﹥See Less\u003c\/span\u003e\n  \u003c\/span\u003e\n\n  \u003cscript\u003e\n    function expandContent() {\n      document.querySelector('.see-more').style.display = 'none';\n      document.querySelector('.more-text').style.display = 'inline';\n    }\n    function collapseContent() {\n      document.querySelector('.see-more').style.display = 'inline';\n      document.querySelector('.more-text').style.display = 'none';\n    }\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第二板块START (HIGHLIGHTS) — 新增轮播 --\u003e\n\u003cdiv class=\"item active\"\u003e\n\u003cdiv class=\"itemTitle\"\u003eHIGHLIGHTS\u003cimg class=\"iconAngel\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0025\/3172\/1251\/files\/angel.png?v=1716254171\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\n\u003cstyle\u003e\n  \/* 轮播容器 *\/\n  .hl-carousel { position: relative; overflow: hidden; width: 100%; }\n  .hl-track { display: flex; transition: transform .4s ease; }\n  .hl-slide { min-width: 100%; }\n  .hl-slide img { width: 100%; height: auto; display: block; }\n\n  \/* 左右箭头 *\/\n  .hl-btn {\n    position: absolute; top: 50%; transform: translateY(-50%);\n    background: rgba(0,0,0,.45); color: #fff; border: none;\n    width: 36px; height: 36px; border-radius: 50%;\n    font-size: 18px; line-height: 36px; text-align: center;\n    cursor: pointer; z-index: 10; padding: 0;\n    transition: background .2s;\n  }\n  .hl-btn:hover { background: rgba(0,0,0,.7); }\n  .hl-btn.prev { left: 10px; }\n  .hl-btn.next { right: 10px; }\n\n  \/* 底部圆点 *\/\n  .hl-dots { text-align: center; padding: 10px 0 4px; }\n  .hl-dot {\n    display: inline-block; width: 8px; height: 8px;\n    border-radius: 50%; background: #ccc; margin: 0 4px; cursor: pointer;\n    transition: background .2s;\n  }\n  .hl-dot.active { background: #555; }\n\n  \/* 手机端隐藏电脑轮播，反之亦然 *\/\n  @media (max-width: 600px) { .hl-desktop { display: none; } }\n  @media (min-width: 601px) { .hl-mobile  { display: none; } }\n\u003c\/style\u003e\n\n\u003c!-- 电脑端轮播 --\u003e\n\u003cdiv class=\"hl-desktop\"\u003e\n  \u003cdiv class=\"hl-carousel\" id=\"hlD\"\u003e\n    \u003cdiv class=\"hl-track\" id=\"hlD-track\"\u003e\n      \u003cdiv class=\"hl-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1214_01.jpg?v=1747189157\" alt=\"Adjustable Louvered Pergola\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hl-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1214_04.jpg?v=1747189294\" alt=\"Pergola Detail View\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hl-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1747194375549.png?v=1747194403\" alt=\"Pergola in Use\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"hl-btn prev\" onclick=\"hlMove('hlD',-1)\"\u003e‹\u003c\/button\u003e\n    \u003cbutton class=\"hl-btn next\" onclick=\"hlMove('hlD', 1)\"\u003e›\u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hl-dots\" id=\"hlD-dots\"\u003e\n    \u003cspan class=\"hl-dot active\" onclick=\"hlGo('hlD',0)\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"hl-dot\" onclick=\"hlGo('hlD',1)\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"hl-dot\" onclick=\"hlGo('hlD',2)\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 手机端轮播 --\u003e\n\u003cdiv class=\"hl-mobile\"\u003e\n  \u003cdiv class=\"hl-carousel\" id=\"hlM\"\u003e\n    \u003cdiv class=\"hl-track\" id=\"hlM-track\"\u003e\n      \u003cdiv class=\"hl-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1212_01.jpg?v=1747192345\" alt=\"Pergola Mobile View 1\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hl-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1214_05.jpg?v=1747192374\" alt=\"Pergola Mobile View 2\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hl-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/03_ecd043dd-a8ad-4f8e-9fe3-0e4a56b173af.jpg?v=1747194487\" alt=\"Pergola Mobile View 3\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"hl-btn prev\" onclick=\"hlMove('hlM',-1)\"\u003e‹\u003c\/button\u003e\n    \u003cbutton class=\"hl-btn next\" onclick=\"hlMove('hlM', 1)\"\u003e›\u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hl-dots\" id=\"hlM-dots\"\u003e\n    \u003cspan class=\"hl-dot active\" onclick=\"hlGo('hlM',0)\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"hl-dot\" onclick=\"hlGo('hlM',1)\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"hl-dot\" onclick=\"hlGo('hlM',2)\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  var hlState = {};\n  function hlInit(id) {\n    if (!hlState[id]) hlState[id] = { cur: 0, total: document.querySelectorAll('#' + id + ' .hl-slide').length };\n  }\n  function hlMove(id, dir) {\n    hlInit(id);\n    var s = hlState[id];\n    s.cur = (s.cur + dir + s.total) % s.total;\n    hlApply(id, s.cur);\n  }\n  function hlGo(id, idx) {\n    hlInit(id);\n    hlState[id].cur = idx;\n    hlApply(id, idx);\n  }\n  function hlApply(id, idx) {\n    document.getElementById(id + '-track').style.transform = 'translateX(-' + idx * 100 + '%)';\n    document.querySelectorAll('#' + id + '-dots .hl-dot').forEach(function(d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n  }\n\u003c\/script\u003e\n  \u003cstyle\u003e\n  .ft2-wrap {\n    margin: 28px 0 8px;\n    border: 1px solid #e0e0e0;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n\n  \/* 顶部深色导航条 *\/\n  .ft2-nav {\n    display: flex;\n    background: #2b2b2b;\n  }\n  .ft2-tab {\n    flex: 1;\n    padding: 14px 10px;\n    text-align: center;\n    color: rgba(255,255,255,.55);\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: .06em;\n    cursor: pointer;\n    border-bottom: 3px solid transparent;\n    transition: color .2s, border-color .2s;\n    white-space: nowrap;\n  }\n  .ft2-tab:hover { color: rgba(255,255,255,.85); }\n  .ft2-tab.active { color: #fff; border-bottom-color: #fff; }\n\n  \/* 图片区域全宽 *\/\n  .ft2-stage {\n    position: relative;\n    overflow: hidden;\n    background: #111;\n    height: 420px;\n  }\n  @media (max-width: 600px) { .ft2-stage { height: 240px; } }\n\n  .ft2-track {\n    display: flex;\n    height: 100%;\n    transition: transform .45s cubic-bezier(.4,0,.2,1);\n  }\n  .ft2-slide {\n    min-width: 100%;\n    height: 100%;\n  }\n  .ft2-slide img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* 左右箭头 *\/\n  .ft2-arr {\n    position: absolute;\n    top: 50%; transform: translateY(-50%);\n    background: rgba(0,0,0,.4);\n    color: #fff;\n    border: none;\n    width: 40px; height: 40px;\n    border-radius: 50%;\n    font-size: 20px;\n    cursor: pointer;\n    z-index: 5;\n    display: flex; align-items: center; justify-content: center;\n    transition: background .2s;\n    padding: 0; line-height: 1;\n  }\n  .ft2-arr:hover { background: rgba(0,0,0,.7); }\n  .ft2-arr.prev { left: 14px; }\n  .ft2-arr.next { right: 14px; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ft2-wrap\"\u003e\n  \u003c!-- 顶部 Tab 导航 --\u003e\n  \u003cdiv class=\"ft2-nav\"\u003e\n    \u003cdiv class=\"ft2-tab active\" onclick=\"ft2Go(0)\"\u003eOPEN-CLOSE\u003c\/div\u003e\n    \u003cdiv class=\"ft2-tab\" onclick=\"ft2Go(1)\"\u003eADJUST\u003c\/div\u003e\n    \u003cdiv class=\"ft2-tab\" onclick=\"ft2Go(2)\"\u003eBEAM\u003c\/div\u003e\n    \u003cdiv class=\"ft2-tab\" onclick=\"ft2Go(3)\"\u003eDRAINAGE\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 图片区 --\u003e\n  \u003cdiv class=\"ft2-stage\"\u003e\n    \u003c!-- PC 图片轨道 --\u003e\n    \u003cdiv id=\"ft2-pc\" style=\"height:100%\"\u003e\n      \u003cdiv class=\"ft2-track\" id=\"ft2-pc-track\"\u003e\n        \u003cdiv class=\"ft2-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1212_06_b7379d01-dfca-4d59-ad1c-3576cb15b628.jpg?v=1778305942\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ft2-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/03_3754798f-6a21-48f2-ae55-ee0fdade218e.jpg?v=1778305942\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ft2-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/07_7083598b-8469-4d5b-bf22-ca91d72e0dae.jpg?v=1778305942\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ft2-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/05_f479a0de-e218-4bcb-b923-b1e4b154998c.jpg?v=1778305941\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- 手机图片轨道 --\u003e\n    \u003cdiv id=\"ft2-pe\" style=\"display:none;height:100%\"\u003e\n      \u003cdiv class=\"ft2-track\" id=\"ft2-pe-track\"\u003e\n        \u003cdiv class=\"ft2-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1212_04_24c2c49e-65fe-425c-a2ab-2a37e56f2e1a.jpg?v=1778305924\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ft2-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/03_ca94b19f-ba2d-498a-ad81-4c821679c710.jpg?v=1778305924\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ft2-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/06_3f1fbe1c-9193-48eb-8f22-0cfb417ab322.jpg?v=1778305924\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ft2-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/07_13a8167d-c1a1-4c29-b1d3-e3610b0ba388.jpg?v=1778305924\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 左右箭头 --\u003e\n    \u003cbutton class=\"ft2-arr prev\" onclick=\"ft2Move(-1)\"\u003e‹\u003c\/button\u003e\n    \u003cbutton class=\"ft2-arr next\" onclick=\"ft2Move(1)\"\u003e›\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  var FT2_TITLES = ['OPEN-CLOSE', 'ADJUST', 'BEAM', 'DRAINAGE'];\n  var ft2Cur = 0;\n  var ft2Total = FT2_TITLES.length;\n\n  function ft2IsMobile() { return window.innerWidth \u003c= 600; }\n\n  function ft2InitDevice() {\n    var mob = ft2IsMobile();\n    document.getElementById('ft2-pc').style.display = mob ? 'none' : 'block';\n    document.getElementById('ft2-pe').style.display = mob ? 'block' : 'none';\n  }\n\n  function ft2Apply(idx) {\n    \/\/ Tab 高亮\n    document.querySelectorAll('.ft2-tab').forEach(function(t, i) {\n      t.classList.toggle('active', i === idx);\n    });\n    \/\/ 图片位移\n    var pc = document.getElementById('ft2-pc-track');\n    var pe = document.getElementById('ft2-pe-track');\n    if (pc) pc.style.transform = 'translateX(-' + idx * 100 + '%)';\n    if (pe) pe.style.transform = 'translateX(-' + idx * 100 + '%)';\n    ft2Cur = idx;\n  }\n\n  function ft2Move(dir) {\n    ft2Apply((ft2Cur + dir + ft2Total) % ft2Total);\n  }\n  function ft2Go(idx) {\n    ft2Apply(idx);\n  }\n\n  ft2InitDevice();\n  ft2Apply(0);\n  window.addEventListener('resize', ft2InitDevice);\n\u003c\/script\u003e\n\n\u003c!-- 第三部分（三图说明）保持原样 --\u003e\n\u003cdiv class=\"customDetailBox card__section\"\u003e\n\u003cdiv class=\"main\"\u003e\n\u003cdiv class=\"santu\"\u003e\n  \u003cdiv class=\"tubox\"\u003e\n    \u003cdiv class=\"tuimg\"\u003e\u003cimg class=\"tuimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1_d230d6a5-7f84-40e0-8c4c-d8da0f01d13d.png?v=1747190525\" alt=\"Drainage System\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qi\"\u003e\n      \u003cp class=\"sanfentu\"\u003e\u003cb\u003eIntegrated Drainage System\u003c\/b\u003e\u003c\/p\u003e\n      \u003cp class=\"sanfen1\"\u003eRainwater flows through built-in channels to each column base, then drains out through notches at the bottom — no pooling, no leaks.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"tubox\"\u003e\n    \u003cdiv class=\"tuimg\"\u003e\u003cimg class=\"tuimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1_1_390970ea-aa7d-4fd0-841c-d807c9063585.png?v=1747194380\" alt=\"Crossbeam Strength\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qi\"\u003e\n      \u003cp class=\"sanfentu\"\u003e\u003cb\u003eHigh-Load Crossbeams\u003c\/b\u003e\u003c\/p\u003e\n      \u003cp class=\"sanfen1\"\u003eWithstands wind speeds up to 72 mph when fully secured with expansion screws on a hardened surface.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"tubox\"\u003e\n    \u003cdiv class=\"tuimg\"\u003e\u003cimg class=\"tuimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/32813b8445e4102bf9bc10f7455e0a6f.png?v=1747190093\" alt=\"Anchor Poles\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qi\"\u003e\n      \u003cp class=\"sanfentu\"\u003e\u003cb\u003e4.33″ × 4.33″ Pre-Drilled Anchor Poles\u003c\/b\u003e\u003c\/p\u003e\n      \u003cp class=\"sanfen1\"\u003ePre-drilled holes make installation straightforward, with built-in stability for windy conditions.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第四板块START (OTHER CHOICE) --\u003e\n\u003cdiv class=\"item active\"\u003e\n\u003cdiv class=\"itemTitle\"\u003eOTHER CHOICE\u003cimg alt=\"\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0025\/3172\/1251\/files\/angel.png?v=1716254171\" class=\"iconAngel\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"mainBox\"\u003e\n\u003cdiv class=\"leftBox\"\u003e\n  \u003cdiv class=\"itemBox\"\u003e\n    \u003cdiv class=\"inBox\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bottomContent\"\u003e\n      \u003cdiv\u003ePrice\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eSize\u003c\/div\u003e\n      \u003cdiv\u003eHeight\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eFrame Material\u003c\/div\u003e\n      \u003cdiv\u003ePrivacy Curtain \u0026amp; Netting\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eAdjustable Louvers\u003c\/div\u003e\n      \u003cdiv\u003eColor\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eOptional Accessories\u003c\/div\u003e\n      \u003cdiv\u003eWarranty\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"itemBox border center\"\u003e\n    \u003cdiv class=\"inBox\"\u003e\n      \u003cdiv class=\"imgBox\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1013_48d77cbb-4000-421a-818d-cda4d73c12bc.jpg?v=1747191235\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"pTitle\"\u003eAthena Champagne Louvered Pergola\u003c\/div\u003e\n      \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/products\/purple-leaf-louvered-pergola-modern-champagne-pergola-with-adjustable-roof-for-deck-backyard-garden\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bottomContent\"\u003e\n      \u003cdiv\u003e$2,599 – $4,299\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003e\u003cp align=\"center\"\u003e10'×13' – 12'×24'\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv\u003e94.5\"\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eAluminum\u003c\/div\u003e\n      \u003cdiv\u003eNo\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eYes\u003c\/div\u003e\n      \u003cdiv\u003eChampagne\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eYes\u003c\/div\u003e\n      \u003cdiv\u003e1 Year\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"rightBox\"\u003e\n  \u003cdiv class=\"itemBox center\"\u003e\n    \u003cdiv class=\"inBox\"\u003e\n      \u003cdiv class=\"imgBox\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0610\/4757\/0686\/files\/d7521fa9782deb8109520c7585dc1b1e.jpg?v=1726033027\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"pTitle\"\u003eAthena Louvered Pergola\u003c\/div\u003e\n      \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-louvered-pergola-outdoor-aluminum-pergola-with-adjustable-roof-for-deck-backyard-garden-hardtop-gazebo\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bottomContent\"\u003e\n      \u003cdiv\u003e$2,399 – $5,499\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003e\u003cp align=\"center\"\u003e10'×12' – 14'×24'\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv\u003e94.5\"\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eAluminum\u003c\/div\u003e\n      \u003cdiv\u003eNo\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eYes\u003c\/div\u003e\n      \u003cdiv\u003eGrey \/ Bronze \/ White\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eYes\u003c\/div\u003e\n      \u003cdiv\u003e1 Year\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"itemBox center\"\u003e\n    \u003cdiv class=\"inBox\"\u003e\n      \u003cdiv class=\"imgBox\"\u003e\u003cimg src=\"https:\/\/purpleleafshop.com\/cdn\/shop\/files\/1012_204dcc40-eeaf-4c5c-aeb8-2b549225aa8c.jpg?v=1744624296\u0026amp;width=900\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"pTitle\"\u003eAthena Bronze Louvered Pergola\u003c\/div\u003e\n      \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/pergola\/products\/purple-leaf-outdoor-louvered-pergola-adjustable-metal-roof-bronze-hardtop-gazebo-patio-pavilion\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bottomContent\"\u003e\n      \u003cdiv\u003e$2,399 – $5,899\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003e\u003cp align=\"center\"\u003e10'×12' – 14'×24'\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv\u003e94.5\"\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eAluminum\u003c\/div\u003e\n      \u003cdiv\u003eNo\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eYes\u003c\/div\u003e\n      \u003cdiv\u003eBronze\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eYes\u003c\/div\u003e\n      \u003cdiv\u003e1 Year\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"itemBox center\"\u003e\n    \u003cdiv class=\"inBox\"\u003e\n      \u003cdiv class=\"imgBox\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0610\/4757\/0686\/files\/4eace1f44dbd917d3bddbbe0831f4765.jpg?v=1726034472\" alt=\"Caesar Louvered Pergola\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"pTitle\"\u003eCaesar Louvered Pergola\u003c\/div\u003e\n      \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-outdoor-louvered-pergola-patio-sun-shade-shelter-adjustable-metal-roof-grill-gazebo-1\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bottomContent\"\u003e\n      \u003cdiv\u003e$1,999 – $5,299\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003e\u003cp align=\"center\"\u003e10'×12' – 13'×25'\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv\u003e92.85\"\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eAluminum\u003c\/div\u003e\n      \u003cdiv\u003eNo\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eYes\u003c\/div\u003e\n      \u003cdiv\u003eGrey\u003c\/div\u003e\n      \u003cdiv class=\"deep\"\u003eNo\u003c\/div\u003e\n      \u003cdiv\u003e1 Year\u003c\/div\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\n\n\u003c!-- 第五板块 (SHIPPING \u0026 RETURN) --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003cdiv class=\"itemTitle\"\u003eSHIPPING \u0026amp; RETURN\u003cimg alt=\"\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0025\/3172\/1251\/files\/angel.png?v=1716254171\" class=\"iconAngel\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003cp\u003e\u003cb\u003eProcessing \u0026amp; Delivery Time\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003eOrders ship within 24–48 business hours of confirmed payment. We ship via FedEx or UPS — average transit time is 7–10 business days. In rare cases (extreme weather, peak season, etc.), shipment may be delayed.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003eFree Shipping\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003eAll orders ship free within the contiguous United States — no handling fees or hidden charges. We do not ship to Alaska, Hawaii, US territories (e.g. Puerto Rico), P.O. boxes, or APO\/FPO addresses.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003eTracking\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003eA tracking number will be emailed once your order ships. Tracking may take up to 48 hours to update. Once an item leaves our warehouse, orders cannot be cancelled or modified. Contact us at \u003ca href=\"mailto:purpleleafservice2@gmail.com\"\u003epurpleleafservice2@gmail.com\u003c\/a\u003e for any shipping questions.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003eDamaged or Defective Items\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003ePlease inspect your package upon arrival. If anything is damaged or defective:\u003c\/p\u003e\n  \u003cp\u003e1. Photograph the damage clearly.\u003c\/p\u003e\n  \u003cp\u003e2. Email us at \u003ca href=\"mailto:purpleleafservice2@gmail.com\"\u003epurpleleafservice2@gmail.com\u003c\/a\u003e with your order number and photos.\u003c\/p\u003e\n  \u003cp\u003e3. Keep all original packaging until your case is fully resolved — discarding it may affect your return eligibility.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003eAdditional Notes\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003eWe process orders Monday–Friday, excluding holidays. Orders placed after business hours are processed the next business day. We do not deliver on Sundays or holidays.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第六板块 (SERVICE \u0026 WARRANTY) --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003cdiv class=\"itemTitle\"\u003eSERVICE \u0026amp; WARRANTY\u003cimg alt=\"\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0025\/3172\/1251\/files\/angel.png?v=1716254171\" class=\"iconAngel\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003cp\u003e\u003cb\u003eOur Commitment\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003eEvery Purple Leaf product passes strict quality control before it ships. Our warranty is here to give you complete peace of mind.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003e1. Returns Accepted\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003e30-day unconditional refund for \u003cb\u003eunopened \u0026amp; unused items\u003c\/b\u003e. Return address: 3495 Donald Lee Hollowell Pkwy, Suite 116, Atlanta, GA 30331, USA.\u003c\/p\u003e\n  \u003cp\u003eIf you're not satisfied within 30 days of receiving your order, contact us to arrange a return. Return shipping is the buyer's responsibility for change-of-mind returns. No restocking fee. Items must be returned in original, unopened packaging to qualify for a full refund.\u003c\/p\u003e\n  \u003cp\u003eIf the box has been opened, please contact us with photos first — we'll confirm whether a return can be supported and advise on any applicable restocking charge.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003e2. Non-Returnable Cases\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(1)\u003c\/b\u003e Damage caused by misuse, collision, negligence, or unauthorized repair is not covered.\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(2) Damaged upon arrival\u003c\/b\u003e — Report within 7 days with photos or video. We'll issue a full refund after review.\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(3) Missing parts\u003c\/b\u003e — We'll send replacement parts or issue a partial refund. If the missing part makes the product unusable and cannot be repaired locally, we'll send a full replacement or refund.\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(4) Item doesn't work\u003c\/b\u003e — Contact us for technical support. If the issue can't be resolved, you may request a refund. If you're able to repair it locally, we'll provide compensation.\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(5) Wrong item received\u003c\/b\u003e — Contact us within 7 days with photos. We'll send the correct item immediately.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003e3. How to Start a Return\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(1)\u003c\/b\u003e Email \u003ca href=\"mailto:purpleleafservice2@gmail.com\"\u003epurpleleafservice2@gmail.com\u003c\/a\u003e to receive a return shipping label. Include your order number, photos or video, and original packaging confirmation.\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(2)\u003c\/b\u003e Pack the item securely with all accessories in original condition. Attach the provided return label and ship to the address we confirm with you.\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(3)\u003c\/b\u003e Return address: 3495 Donald Lee Hollowell Pkwy, Suite 116, Atlanta, GA 30331, USA.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003e4. Refund Timeline\u003c\/b\u003e\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(1)\u003c\/b\u003e PayPal — refunds process within 24 hours.\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003e(2)\u003c\/b\u003e Credit card — refunds appear within 7–14 business days, depending on your card issuer.\u003c\/p\u003e\n\n  \u003cp\u003e\u003cb\u003eNote:\u003c\/b\u003e Product pricing may fluctuate with market costs. We do not refund price differences after purchase.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. PE端悬浮小视频（保留原有样式） --\u003e\n\u003cdiv id=\"small-float-video\" style=\"position: fixed; bottom: 200px; left: 20px; z-index: 9998; width: 120px; aspect-ratio: 3\/4; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.2); cursor: pointer;\"\u003e\n    \u003cbutton id=\"close-small-video\" style=\"position: absolute; top: 3px; right: 3px; background: rgba(0,0,0,0.7); color: #fff; border: none; border-radius: 50%; width: 18px; height: 18px; font-size: 12px; cursor: pointer; z-index: 10; padding: 0; margin: 0;\"\u003e×\u003c\/button\u003e\n    \u003cvideo width=\"100%\" height=\"100%\" muted autoplay loop playsinline style=\"display: block; object-fit: cover;\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7fd8072fc34d4b9bbdc1e823fbd1d170.mp4\" type=\"video\/mp4\"\u003e\n        你的浏览器不支持视频播放\n    \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- 2. PE端弹窗视频（关闭按钮精准匹配示例图位置） --\u003e\n\u003cdiv id=\"video-modal\" style=\"position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 9999; display: none;\"\u003e\n    \u003cdiv id=\"modal-video-container\" style=\"\n        position: relative;\n        width: calc(100% - 60px); \n        max-width: 900px; \n        margin: 70px auto 50px auto; \n        transform: translateY(100%); \n        transition: transform 0.5s ease-out; \n        aspect-ratio: 16\/9;\n    \"\u003e\n        \u003cbutton id=\"close-modal-btn\" style=\"\n            position: absolute; \n            top: 15px;\n            right: 15px;\n            background: #000000;\n            color: #ffffff;\n            border: none; \n            border-radius: 50%; \n            width: 32px;\n            height: 32px; \n            font-size: 18px; \n            cursor: pointer; \n            z-index: 999999; \n            line-height: 32px; \n            text-align: center; \n            padding: 0; \n            margin: 0;\n            font-weight: bold;\n        \"\u003e×\u003c\/button\u003e\n        \n        \u003cvideo width=\"100%\" height=\"100%\" muted controls playsinline style=\"border-radius: 0; object-fit: cover;\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7fd8072fc34d4b9bbdc1e823fbd1d170.mp4\" type=\"video\/mp4\"\u003e\n            你的浏览器不支持视频播放\n        \u003c\/source\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 3. 交互逻辑（功能不变） --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const smallVideo = document.getElementById('small-float-video');\n    const closeSmallBtn = document.getElementById('close-small-video');\n    const videoModal = document.getElementById('video-modal');\n    const modalVideoContainer = document.getElementById('modal-video-container');\n    const closeModalBtn = document.getElementById('close-modal-btn');\n    const modalVideo = document.querySelector('#modal-video-container video');\n\n    closeSmallBtn.addEventListener('click', function(e) {\n        e.stopPropagation();\n        smallVideo.style.display = 'none';\n    });\n\n    smallVideo.addEventListener('click', function() {\n        videoModal.style.display = 'block';\n        closeModalBtn.style.display = 'block';\n        setTimeout(() =\u003e {\n            modalVideoContainer.style.transform = 'translateY(0)';\n        }, 10);\n        modalVideo.play();\n    });\n\n    closeModalBtn.addEventListener('click', function() {\n        modalVideoContainer.style.transform = 'translateY(100%)';\n        modalVideo.pause();\n        setTimeout(() =\u003e {\n            videoModal.style.display = 'none';\n        }, 500);\n    });\n\n    videoModal.addEventListener('click', function(e) {\n        if (e.target === videoModal) {\n            closeModalBtn.click();\n        }\n    });\n\n    closeModalBtn.style.display = 'block';\n});\n\u003c\/script\u003e\n","brand":"PURPLE LEAF","offers":[{"title":"Champagne \/ 10'x13'(Almost Sold Out)","offer_id":48012855083266,"sku":"ZY01-ATNCP-1013","price":3189.0,"currency_code":"USD","in_stock":true},{"title":"Champagne \/ 10'x15'","offer_id":48012855116034,"sku":"ZY01-ATNCP1015","price":3299.0,"currency_code":"USD","in_stock":true},{"title":"Champagne \/ 12'x12'","offer_id":48012855148802,"sku":"ZY01-ATNCP1212","price":3629.0,"currency_code":"USD","in_stock":true},{"title":"Champagne \/ 12'x14'","offer_id":48012855181570,"sku":"ZY01-ATNCP1214","price":3959.0,"currency_code":"USD","in_stock":true},{"title":"Champagne \/ 12'x16'","offer_id":48012855214338,"sku":"ZY01-ATNCP1216","price":4508.0,"currency_code":"USD","in_stock":true},{"title":"Champagne \/ 12'x20'","offer_id":48012855247106,"sku":"ZY01-ATNCP1220","price":5059.0,"currency_code":"USD","in_stock":true},{"title":"Champagne \/ 12'x24'","offer_id":48012855279874,"sku":"ZY01-ATNCP1224","price":6379.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0814\/1956\/7362\/files\/1013_2_da1f5a9d-ce45-42ca-b11b-9f4aefc4b173.jpg?v=1781682060","url":"https:\/\/trelihome.com\/products\/purple-leaf-louvered-pergola-modern-champagne-pergola-with-adjustable-roof-for-deck-backyard-garden","provider":"TRE LI HOME","version":"1.0","type":"link"}