{"product_id":"1111","title":"1111","description":"\u003cstyle\u003e\n.kz-slider {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  overflow: visible;\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  height: auto;\n  display: block;\n}\n\n\/* 箭头 *\/\n.kz-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px;\n  height: 48px;\n  background: transparent;\n  border: 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: -24px; }\n.kz-arrow.next { right: -24px; }\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  stroke-linejoin: round;\n}\n\n.kz-arrow:hover path {\n  stroke: #555;\n}\n\n\/* 圆点 *\/\n.kz-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 12px;\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\n\u003cdiv class=\"kz-slider\"\u003e\n  \u003cdiv class=\"kz-viewport\"\u003e\n    \u003cdiv class=\"kz-track\"\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/6.1_581730cf-4e15-475f-9fda-5ae856f930ca.jpg?v=1786796332\" alt=\"Kozyard metal corrugated awning vs ordinary awnings comparison chart showing advantages of modified steel over fading fabric awnings, aging acrylic sheets, and rusting iron sheets, highlighting superior heat insulation and long-lasting anti-rust performance.\"\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.2_ae450f7b-39a4-40d0-8ef8-d4b0f0f2c4a5.jpg?v=1786796332\" alt=\"Kozyard residential metal corrugated awning application showcase installed over front door entrance, window garden box, balcony patio sliding door, and outdoor EV charging station, offering durable sunshade, rain protection, and home exterior decor.\"\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.3_619ee5ec-de09-438a-8713-6baaa70fb137.jpg?v=1786796333\" alt=\"Kozyard commercial metal corrugated awning application showcase installed on storefront cafe windows, modern bar drive-ins, and restaurant exterior doors, featuring retro industrial style design for outdoor customer shading and rain protection canopy.\"\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.4_c9d4f6c4-7824-40d8-807e-4e760ecd452d.jpg?v=1786796332\" alt='Kozyard metal corrugated awning color and size collection showing Khaki, Dark Gray, and Steel Blue options available in W42\" x D32\" and W55\" x D32\" dimensions, suitable for various house window overhang and front door canopy exterior home upgrades.\"\u0026gt;\n      \u0026lt;\/div\u0026gt;\n      \u0026lt;div class=\"kz-slide\"\u0026gt;\n        \u0026lt;img src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/6.5_feae1df5-c013-466a-892e-c4bab0c93e2e.jpg?v=1786796332\" alt=\"Kozyard metal corrugated awning customer showcase photos featuring real-world installations on wooden cabins, brick wall front doors, backyard patio gazebo structures, and residential house windows for heavy duty sun shade and all-weather canopy protection.\"\u0026gt;\n      \u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n  \u0026lt;\/div\u0026gt;\n\n  \u0026lt;!-- 箭头 --\u0026gt;\n  \u0026lt;div class=\"kz-arrow prev\"\u0026gt;\n    \u0026lt;svg viewBox=\"0 0 24 24\"\u0026gt;\u0026lt;path d=\"M15 18l-6-6 6-6\"\/\u0026gt;\u0026lt;\/svg\u0026gt;\n  \u0026lt;\/div\u0026gt;\n  \u0026lt;div class=\"kz-arrow next\"\u0026gt;\n    \u0026lt;svg viewBox=\"0 0 24 24\"\u0026gt;\u0026lt;path d=\"M9 6l6 6-6 6\"\/\u0026gt;\u0026lt;\/svg\u0026gt;\n  \u0026lt;\/div\u0026gt;\n\n  \u0026lt;!-- 圆点 --\u0026gt;\n  \u0026lt;div class=\"kz-dots\"\u0026gt;\u0026lt;\/div\u0026gt;\n\u0026lt;\/div\u0026gt;\n\n\u0026lt;script\u0026gt;\n(function(){\n  const slider = document.currentScript.previousElementSibling;\n  const track = slider.querySelector(' .kz-track const slides=\"slider.querySelectorAll('.kz-slide');\" dotswrap=\"slider.querySelector('.kz-dots');\" prev=\"slider.querySelector('.kz-arrow.prev');\" next=\"slider.querySelector('.kz-arrow.next');\" let index=\"0;\" slides.foreach i\u003e {\n    const dot = document.createElement('div');\n    dot.className = 'kz-dot' + (i === 0 ? ' active' : '');\n    dot.onclick = () =\u0026gt; go(i);\n    dotsWrap.appendChild(dot);\n  });\n\n  function go(i){\n    index = i;\n    track.style.transform = `translateX(-${index * 100}%)`;\n    dotsWrap.querySelectorAll('.kz-dot').forEach((d, j) =\u0026gt; {\n      d.classList.toggle('active', j === index);\n    });\n  }\n\n  prev.onclick = () =\u0026gt; go((index - 1 + slides.length) % slides.length);\n  next.onclick = () =\u0026gt; go((index + 1) % slides.length);\n})();\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kozyard LLC.","offers":[{"title":"Default Title","offer_id":51877385896231,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.kozyard.com\/products\/1111","provider":"Kozyard LLC.","version":"1.0","type":"link"}