{"product_id":"kozyard-apollo-12-x18-hardtop-gazebo-wooden-coated-aluminum-frame-canopy-with-galvanized-steel-double-roof-outdoor-permanent-metal-pavilion-with-netting-for-patio-deck-and-lawn","title":"Kozyard Apollo 12’x18’ Hardtop Gazebo, Wooden Coated Aluminum Frame Canopy with Galvanized Steel Double Roof Permanent Metal Pavilion with Netting","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/1_54838ef7-03fb-40ce-8567-42dd01a32165.png?v=1761074755\" alt=\"Kozyard imitation wooden gazebo outdoor gazebo garden structure\" style=\"display: block; margin: 0; padding: 0; line-height: 0; border: 0;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/2_10cd462f-f54c-419d-8fa5-97e6e3958cf9.png?v=1761074754\" alt=\"Kozyard imitation wood frame galvanized ceiling double roof double tracks gazebo features\" style=\"display: block; margin: 0; padding: 0; line-height: 0; border: 0;\"\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/3_d827053b-120e-4e44-b6ab-5838666b7d65.png?v=1761074755\" alt=\"gazebo column, aluminum frame, inner roof, construction features\" style=\"float: none;\"\u003e\u003c\/div\u003e\n\u003cstyle\u003e\n\/* ===== 最外层：负责定位箭头（不裁切） ===== *\/\n.kz-slider {\n  position: relative;\n  max-width: 1200px;\n  margin: 0 auto;\n  overflow: visible;\n}\n\n\/* ===== 只裁图片的窗口 ===== *\/\n.kz-viewport {\n  overflow: hidden;\n}\n\n\/* ===== 滑动轨道 ===== *\/\n.kz-track {\n  display: flex;\n  transition: transform 0.4s ease;\n}\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: 60px;\n  height: 60px;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n  cursor: pointer;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.kz-arrow.prev { left: -32px; }\n.kz-arrow.next { right: -32px; }\n\n.kz-arrow svg {\n  width: 40px;\n  height: 40px;\n}\n\n.kz-arrow svg path {\n  stroke: #000;\n  stroke-width: 3;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.kz-arrow:hover svg path {\n  stroke: #555;\n}\n\n\/* ===== 底部圆点 ===== *\/\n.kz-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 14px;\n}\n\n.kz-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n\/* 当前激活圆点 *\/\n.kz-dot.active {\n  background: #f4b400; \/* 黄色 *\/\n}\n\n\/* 移动端 *\/\n@media (max-width: 768px) {\n  .kz-arrow {\n    width: 48px;\n    height: 48px;\n  }\n  .kz-arrow.prev { left: -24px; }\n  .kz-arrow.next { right: -24px; }\n\n  .kz-arrow svg {\n    width: 32px;\n    height: 32px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"kz-slider\"\u003e\n  \u003cdiv class=\"kz-viewport\"\u003e\n    \u003cdiv class=\"kz-track\" id=\"kzTrack\"\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4_46585b7a-3e5c-4f0e-a026-f90cc8934f3b.png?v=1761074754\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/5_4f8ff36d-6c9a-47bb-a0a2-5b2e560a028c.png?v=1761074753\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/6_b74d86b8-ecbd-4819-b528-4f00aa21c675.png?v=1761074755\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/7_33f47757-3d3d-4577-8ab6-a8594f9b74f4.png?v=1761074755\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/8_f00605d2-6461-44f0-be17-0fdfd0a48ea6.png?v=1761074755\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 箭头 --\u003e\n  \u003cdiv class=\"kz-arrow prev\" onclick=\"kzPrev()\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"kz-arrow next\" onclick=\"kzNext()\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 6l6 6-6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 圆点 --\u003e\n  \u003cdiv class=\"kz-dots\" id=\"kzDots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nlet kzIndex = 0;\nconst kzTrack = document.getElementById('kzTrack');\nconst kzSlides = kzTrack.children.length;\nconst kzDotsWrap = document.getElementById('kzDots');\n\n\/* 生成圆点 *\/\nfor (let i = 0; i \u003c kzSlides; i++) {\n  const dot = document.createElement('div');\n  dot.className = 'kz-dot' + (i === 0 ? ' active' : '');\n  dot.onclick = () =\u003e {\n    kzIndex = i;\n    kzUpdate();\n  };\n  kzDotsWrap.appendChild(dot);\n}\n\nfunction kzUpdate() {\n  kzTrack.style.transform = `translateX(-${kzIndex * 100}%)`;\n  document.querySelectorAll('.kz-dot').forEach((dot, i) =\u003e {\n    dot.classList.toggle('active', i === kzIndex);\n  });\n}\n\nfunction kzPrev() {\n  kzIndex = (kzIndex - 1 + kzSlides) % kzSlides;\n  kzUpdate();\n}\n\nfunction kzNext() {\n  kzIndex = (kzIndex + 1) % kzSlides;\n  kzUpdate();\n}\n\u003c\/script\u003e\n\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/9_125d31c7-5e53-42fd-afa9-43d334ef9471.png?v=1761075044\" alt='Kozyard 12’x18’ Gazebo Dimensions \u0026amp; Anchor Blueprint - Features detailed size parameters (144\", 120\", 78\" etc.) and anchor layout (11.8\"x11.8\" anchor, spacing specs), tailored for precise installation planning \u0026amp; anchor fixing of outdoor gazebo in patio, garden, backyard, ensuring stable setup for outdoor leisure spaces' style=\"float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/10_de342fb7-1e09-487d-8235-cbe587a7997e.png?v=1761074754\" alt=\"Kozyard Gazebo Advantages: 0.4mm Thick Sheet Metal, Metal Mosquito Net \u0026amp; Bolted Base, Durable Patio Outdoor Shelter\" style=\"float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/11_9c21258f-2eb4-4eac-b081-4be33f9addd4.png?v=1761074755\" alt=\"Kozyard Gazebo Night Scene Metal-Frame Outdoor Shelter for Star-Gazing in Backyard Patio Spaces\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e","brand":"Kozyard LLC.","offers":[{"title":"Default Title","offer_id":64634874233209,"sku":"KZPHG1218","price":1620.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1020\/1094\/5913\/files\/KZPHG1218-8_1cef6de7-2f39-4268-b801-844020abe279.jpg?v=1789762513","url":"https:\/\/mechmaxxxdelivery.store\/products\/kozyard-apollo-12-x18-hardtop-gazebo-wooden-coated-aluminum-frame-canopy-with-galvanized-steel-double-roof-outdoor-permanent-metal-pavilion-with-netting-for-patio-deck-and-lawn","provider":"mechmaxxxdelivery","version":"1.0","type":"link"}