{"product_id":"kozyard-alexander-hardtop-aluminum-permanent-gazebo-with-a-mosquito-net-and-privacy-sidewalls-alexander-12x-20-gary","title":"Kozyard Alexander 12' x 20' Hardtop Gazebo, Aluminum Frame with Galvanized Steel Double Roof, Outdoor Permanent Pavilion with Curtains and Netting for Patio, Backyard, Deck, Lawn Gray","description":"\u003cdiv style=\"text-align: left; margin: 0; padding: 0; line-height: 0;\"\u003e\u003cimg style=\"display: block; margin: 0; padding: 0; border: 0;\" alt=\"Kozyard aluminum courtyard gazebo with double roof and outdoor curtains set in a large garden for resort-style lounging\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/1_9129296c-a19e-4e6a-9cbb-2e36d7f7a7e4.png?v=1760922026\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left; margin: 0; padding: 0; line-height: 0;\"\u003e\u003cimg style=\"display: block; margin: 0; padding: 0; border: 0;\" alt=\"heavy - duty frame, galvanized ceiling, double roof, double tracks, courtyard gazebo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/2_9d3b9867-cd02-470e-a004-81ad4f394b66.png?v=1760922025\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"float: none;\" alt=\"gazebo column, aluminum frame, inner roof, courtyard gazebo structure\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/3_31c39920-ea71-4904-b578-4cc87fe341d8.png?v=1711594458\"\u003e\u003c\/div\u003e\n\u003cstyle\u003e\n.kz-slider {\n  position: relative;\n  max-width: 1469px;\n  margin: 0 auto;\n}\n\n.kz-viewport {\n  overflow: hidden;\n}\n\n.kz-track {\n  display: flex;\n  transition: transform 0.4s ease;\n}\n\n.kz-slide {\n  min-width: 100%;\n}\n\n.kz-slide img {\n  width: 100%;\n  display: block;\n}\n\n\/* 箭头 *\/\n.kz-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 50px;\n  height: 50px;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.kz-arrow.prev { left: -25px; }\n.kz-arrow.next { right: -25px; }\n\n.kz-arrow svg {\n  width: 32px;\n  height: 32px;\n}\n\n.kz-arrow path {\n  stroke: #000;\n  stroke-width: 3;\n  fill: none;\n  stroke-linecap: round;\n}\n\n\/* 圆点 *\/\n.kz-dots {\n  display: flex;\n  justify-content: center;\n  margin-top: 12px;\n  gap: 10px;\n}\n\n.kz-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n}\n\n.kz-dot.active {\n  background: #f4b400;\n}\n\u003c\/style\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cdiv class=\"kz-slider\"\u003e\n\u003cdiv class=\"kz-viewport\"\u003e\n\u003cdiv class=\"kz-track\"\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4.1_f90f6042-7e97-4f7e-b70f-91b4ebb8a74f.png?v=1769063930\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4.2_51702bde-ab82-4ab2-b2d0-413f8896585f.png?v=1769063931\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4.3_188ea73c-a9af-424f-b0cb-9a323480b3ff.png?v=1769063930\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4.4.png?v=1769063931\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4.5.png?v=1769063930\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kz-arrow prev\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-arrow next\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 6l6 6-6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-dots\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.kz-slider').forEach(slider =\u003e {\n  let index = 0;\n  const track = slider.querySelector('.kz-track');\n  const slides = track.children.length;\n  const dots = slider.querySelector('.kz-dots');\n\n  for (let i = 0; i \u003c slides; i++) {\n    const d = document.createElement('div');\n    d.className = 'kz-dot' + (i === 0 ? ' active' : '');\n    d.onclick = () =\u003e { index = i; update(); };\n    dots.appendChild(d);\n  }\n\n  function update() {\n    track.style.transform = `translateX(-${index * 100}%)`;\n    dots.querySelectorAll('.kz-dot').forEach((d, i) =\u003e\n      d.classList.toggle('active', i === index)\n    );\n  }\n\n  slider.querySelector('.prev').onclick = () =\u003e {\n    index = (index - 1 + slides) % slides;\n    update();\n  };\n\n  slider.querySelector('.next').onclick = () =\u003e {\n    index = (index + 1) % slides;\n    update();\n  };\n});\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"float: none;\" alt=\"double tracks, curtain installation, flame - retardant, mosquito nets\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/10_a9892cc0-9dba-44f2-91cd-f16caf299efb.png?v=1760918915\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"float: none;\" alt=\"Kozyard 12x20ft hardtop gazebo dimension diagram showing full roof height, post spacing, interior clearance, and overall footprint, helping customers understand sizing for patios, decks, and backyard layouts.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/9_1f0ad8c6-5b74-4f24-93be-25e4ac1e36d0.png?v=1760922789\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"float: none;\" alt=\"Kozyard hardtop aluminum patio gazebo with curtains providing shaded outdoor seating for family gatherings on a backyard deck\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/11_ddc8e591-41fd-4510-af07-53cf07669e87.png?v=1760922026\"\u003e\u003c\/div\u003e","brand":"Kozyard LLC","offers":[{"title":"Default Title","offer_id":64634869416313,"sku":"KZAHG1220GRA","price":1708.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1020\/1094\/5913\/files\/KZAHG1220GRA-1_ae2a70cf-a421-41f5-a3c1-3ada78c64005.png?v=1789762465","url":"https:\/\/mechmaxxxdelivery.store\/products\/kozyard-alexander-hardtop-aluminum-permanent-gazebo-with-a-mosquito-net-and-privacy-sidewalls-alexander-12x-20-gary","provider":"mechmaxxxdelivery","version":"1.0","type":"link"}