{"product_id":"atlanta-curtains-grommets","title":"Atlanta Extra breite, verdunkelnde Vorhänge, thermoisoliert, geräuschreduzierend, Ösen, 1 Paneel","description":"\u003cstyle\u003e\n    #product-description-container * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n      font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n    \n    #product-description-container {\n      background-color: #ffffff;\n      color: #5a4b3a;\n      line-height: 1.6;\n      padding: 20px;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n    \n    \/* 横幅视频部分样式 - 修改为弹窗触发 *\/\n    #product-description-container .video-section {\n      margin: 25px 0;\n      padding: 20px;\n      background-color: #fff;\n      border-radius: 10px;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.08);\n      text-align: center;\n    }\n    \n    #product-description-container .video-title {\n      color: #584434;\n      font-size: 2.2rem;\n      margin-bottom: 20px;\n      font-weight: 600;\n      position: relative;\n      padding-bottom: 15px;\n    }\n    \n    #product-description-container .video-title:after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 80px;\n      height: 3px;\n      background-color: #a89279;\n    }\n    \n    #product-description-container .video-container {\n      max-width: 100%;\n      margin: 0 auto;\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 8px 25px rgba(88, 68, 52, 0.15);\n      position: relative;\n      height: 400px;\n      background-color: #f8f5f0;\n      cursor: pointer;\n    }\n    \n    #product-description-container .video-preview {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n    \n    #product-description-container .play-button {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 80px;\n      height: 80px;\n      background-color: rgba(168, 146, 121, 0.8);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 2;\n    }\n    \n    #product-description-container .play-button:hover {\n      background-color: rgba(168, 146, 121, 0.95);\n      transform: translate(-50%, -50%) scale(1.1);\n    }\n    \n    #product-description-container .play-button:after {\n      content: '';\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: 15px solid transparent;\n      border-bottom: 15px solid transparent;\n      border-left: 25px solid white;\n      margin-left: 5px;\n    }\n    \n    #product-description-container .video-caption {\n      color: #5a4b3a;\n      font-size: 1.5rem;\n      margin-top: 15px;\n      line-height: 1.6;\n      text-align: center;\n      font-style: italic;\n    }\n    \n    \/* 视频弹窗样式 *\/\n    #product-description-container .video-modal {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.9);\n      z-index: 9999;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    #product-description-container .modal-content {\n      position: relative;\n      width: 90%;\n      max-width: 1200px;\n      max-height: 90vh;\n      border-radius: 10px;\n      overflow: hidden;\n      background-color: #000;\n    }\n    \n    #product-description-container .modal-video {\n      width: 100%;\n      height: auto;\n      max-height: 80vh;\n      display: block;\n    }\n    \n    #product-description-container .modal-close {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      color: white;\n      font-size: 30px;\n      cursor: pointer;\n      background-color: rgba(0, 0, 0, 0.5);\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 10;\n    }\n    \n    #product-description-container .modal-close:hover {\n      background-color: rgba(168, 146, 121, 0.8);\n      transform: scale(1.1);\n    }\n    \n    #product-description-container .modal-caption {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background: linear-gradient(transparent, rgba(0,0,0,0.8));\n      color: white;\n      padding: 20px;\n      font-size: 1.4rem;\n      text-align: center;\n    }\n    \n    #product-description-container .section {\n      margin: 25px 0;\n      padding: 20px;\n      background-color: #fff;\n      border-radius: 10px;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.08);\n    }\n    \n    #product-description-container .section-title {\n      color: #584434;\n      font-size: 2.4rem;\n      margin-bottom: 30px;\n      text-align: center;\n      font-weight: 600;\n      position: relative;\n      padding-bottom: 15px;\n    }\n    \n    #product-description-container .section-title:after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 80px;\n      height: 3px;\n      background-color: #a89279;\n    }\n    \n    #product-description-container .specifications {\n      margin: 30px 0;\n    }\n    \n    #product-description-container .spec-title {\n      color: #584434;\n      font-size: 1.8rem;\n      margin-bottom: 20px;\n      font-weight: 600;\n    }\n    \n    #product-description-container .spec-list {\n      list-style-type: none;\n      padding-left: 0;\n    }\n    \n    #product-description-container ul.spec-list \u003e li {\n      margin-bottom: 12px;\n      color: #5a4b3a;\n      font-size: 1.5rem;\n      padding-left: 0;\n    }\n    \n    #product-description-container .spec-list li:before {\n      content: none;\n    }\n    \n    #product-description-container .spec-list strong {\n      color: #584434;\n      font-size: 1.5rem;\n    }\n    \n    #product-description-container .reversible-intro {\n      background-color: #f9f7f3;\n      padding: 20px;\n      border-radius: 8px;\n      margin-top: 15px;\n      border-left: 4px solid #a89279;\n      font-size: 1.5rem;\n      line-height: 1.7;\n    }\n    \n    \/* 新增的图片展示分区样式 - 使用浅米色背景 *\/\n    #product-description-container .image-display-section {\n      margin: 25px 0;\n      padding: 30px;\n      background-color: #f8f5f0;\n      border-radius: 10px;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.08);\n    }\n    \n    #product-description-container .image-display-container {\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        gap: 25px;\n    }\n    \n    #product-description-container .image-item {\n        flex: 1;\n        text-align: center;\n        max-width: 350px;\n    }\n    \n    #product-description-container .display-image {\n      width: 100%;\n      border-radius: 8px;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n      cursor: pointer;\n      transition: transform 0.3s ease;\n    }\n    \n    #product-description-container .display-image:hover {\n      transform: scale(1.02);\n    }\n    \n    #product-description-container .image-caption {\n      color: #5a4b3a;\n      font-size: 1.5rem;\n      margin-top: 15px;\n      line-height: 1.6;\n      text-align: center;\n    }\n\n    \/* 图片放大模态框样式 *\/\n    #product-description-container .image-modal {\n      display: none;\n      position: fixed;\n      z-index: 1000;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0,0,0,0.8);\n    }\n    \n    #product-description-container .image-modal-content {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      max-width: 90%;\n      max-height: 90%;\n      border-radius: 8px;\n    }\n    \n    #product-description-container .image-close {\n      position: absolute;\n      top: 20px;\n      right: 35px;\n      color: #fff;\n      font-size: 40px;\n      font-weight: bold;\n      cursor: pointer;\n    }\n    \n    #product-description-container .image-close:hover {\n      color: #a89279;\n    }\n    \n    #product-description-container .measurement-guidance {\n      margin-top: 30px;\n    }\n    \n    #product-description-container .measurement-section {\n      margin-bottom: 20px;\n    }\n    \n    #product-description-container .measurement-title {\n      color: #584434;\n      font-size: 1.7rem;\n      margin-bottom: 15px;\n      font-weight: 600;\n    }\n    \n    #product-description-container .measurement-desc {\n      color: #5a4b3a;\n      margin-bottom: 15px;\n      line-height: 1.6;\n      font-size: 1.5rem;\n    }\n    \n    #product-description-container .measurement-list {\n      list-style-type: none;\n      padding-left: 20px;\n    }\n    \n    #product-description-container .measurement-list li {\n      margin-bottom: 10px;\n      position: relative;\n      padding-left: 25px;\n      color: #5a4b3a;\n      font-size: 1.5rem;\n    }\n    \n    #product-description-container .measurement-list li:before {\n      content: \"•\";\n      color: #8c7559;\n      font-size: 1.6rem;\n      position: absolute;\n      left: 0;\n      top: -5px;\n    }\n    \n    \/* 响应式设计 *\/\n    @media (max-width: 992px) {\n      #product-description-container .image-display-container {\n        flex-direction: column;\n        align-items: center;\n        gap: 30px;\n      }\n      \n      #product-description-container .video-container {\n        height: 300px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      #product-description-container .section {\n        padding: 25px;\n        margin: 20px 0;\n      }\n      \n      #product-description-container .section-title {\n        font-size: 2rem;\n      }\n      \n      \/* 视频弹窗响应式调整 *\/\n      #product-description-container .modal-content {\n        width: 95%;\n        max-height: 70vh;\n      }\n      \n      #product-description-container .modal-caption {\n        font-size: 1.2rem;\n        padding: 15px;\n      }\n      \n      #product-description-container .modal-close {\n        top: 10px;\n        right: 10px;\n        width: 35px;\n        height: 35px;\n        font-size: 25px;\n      }\n      \n      #product-description-container .video-container {\n        height: 200px;\n      }\n      \n      #product-description-container .play-button {\n        width: 60px;\n        height: 60px;\n      }\n      \n      #product-description-container .play-button:after {\n        border-top: 12px solid transparent;\n        border-bottom: 12px solid transparent;\n        border-left: 20px solid white;\n      }\n      \n      #product-description-container ul.spec-list \u003e li {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .spec-list strong {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .reversible-intro {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .measurement-desc {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .measurement-list li {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .image-caption {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .video-title {\n        font-size: 1.8rem;\n      }\n      \n      #product-description-container .video-caption {\n        font-size: 1.4rem;\n      }\n    }\n    \n    @media (max-width: 992px) {\n        #product-description-container .image-display-container {\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n        \n        #product-description-container .image-item {\n            flex: 0 0 calc(50% - 20px);\n            max-width: calc(50% - 20px);\n        }\n    }\n    \n    @media (max-width: 768px) {\n        #product-description-container .image-item {\n            flex: 0 0 100%;\n            max-width: 100%;\n        }\n    }\n  \/* Three advantages grid layout *\/\n#product-description-container .advantages-section {\n  padding: 30px 20px;\n}\n\n#product-description-container .advantages-grid {\n  display: flex;\n  justify-content: space-between;\n  gap: 30px;\n  margin-top: 20px;\n}\n\n#product-description-container .advantage-card {\n  flex: 1;\n  background-color: #f9f7f3;\n  border-radius: 12px;\n  padding: 25px 20px;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  box-shadow: 0 4px 12px rgba(88, 68, 52, 0.05);\n}\n\n#product-description-container .advantage-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 20px rgba(88, 68, 52, 0.1);\n}\n\n#product-description-container .advantage-icon {\n  font-size: 3.5rem;\n  margin-bottom: 15px;\n}\n\n#product-description-container .advantage-title {\n  color: #584434;\n  font-size: 1.8rem;\n  font-weight: 600;\n  margin-bottom: 15px;\n  letter-spacing: -0.3px;\n}\n\n#product-description-container .advantage-text {\n  color: #5a4b3a;\n  font-size: 1.5rem;\n  line-height: 1.6;\n  text-align: left;\n}\n\n#product-description-container .advantage-text p {\n  margin-bottom: 0;\n}\n\n@media (max-width: 992px) {\n  #product-description-container .advantages-grid {\n    flex-direction: column;\n    gap: 20px;\n  }\n  \n  #product-description-container .advantage-card {\n    padding: 20px;\n  }\n  \n  #product-description-container .advantage-title {\n    font-size: 1.6rem;\n  }\n  \n  #product-description-container .advantage-text {\n    font-size: 1.4rem;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"product-description-container\"\u003e\n\n\u003c!-- 横幅样式客户评价视频部分 - 修改为弹窗播放 --\u003e\n\u003csection class=\"video-section\"\u003e\n\u003ch2 class=\"video-title\"\u003eProduktvideo\u003c\/h2\u003e\n\n\u003cdiv class=\"video-container\" id=\"videoContainer\"\u003e\n\n\u003cdiv style=\"width: 100%; height: 100%; position: relative; overflow: hidden; background-color: #f8f5f0;\"\u003e\u003cimg style=\"width: 100%; height: 100%; object-fit: cover;\" class=\"video-preview\" alt=\"Produktvideo-Vorschau\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/QQ20251219-134809.png?v=1766123317\" id=\"videoPreview\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"play-button\" id=\"playButton\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cp class=\"video-caption\"\u003eProdukt: Atlanta Ösenschal, Farbe: Grauweiss\u003c\/p\u003e\n\n\u003c\/section\u003e\n\u003c!-- 视频弹窗 --\u003e\n\u003cdiv class=\"video-modal\" id=\"videoModal\"\u003e\n\n\u003cdiv class=\"modal-content\"\u003e\n\n\u003cspan class=\"modal-close\"\u003e×\u003c\/span\u003e \u003cvideo controls=\"controls\" class=\"modal-video\" id=\"modalVideo\"\u003e\n\u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/58218e4fc3464fd2a4199add7e3edcd6.mp4\"\u003e\nIhr Browser unterstützt das Video-Tag nicht.\n\u003c\/source\u003e\u003c\/video\u003e\n\u003cdiv class=\"modal-caption\"\u003eProdukt: Atlanta Ösenschal, Farbe: Grauweiss\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 产品规格部分 --\u003e\n\u003csection class=\"section\"\u003e\n\u003ch4 class=\"spec-title\"\u003eSPEZIFIKATIONEN\u003c\/h4\u003e\n\n\u003cul class=\"spec-list\"\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eMaterial: \u003c\/strong\u003ePolyester\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eLichtblockierung: \u003c\/strong\u003e95%-99% effektive Verdunkelung\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eStoffgewicht: \u003c\/strong\u003e255 g\/m² leichte Konstruktion\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eFutter:\u003c\/strong\u003e Ungefüttert\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eKopfart: 1,6\" \u003c\/strong\u003eNickel-Ösen \/ Schwarze Ösen \/ Bronze-Ösen\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003ePflegehinweise:\u003c\/strong\u003e Schonende Maschinenwäsche oder chemische Reinigung, kein Bleichen, Dampfbügeln, Lufttrocknen\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003cdiv class=\"reversible-intro\"\u003e\n\n\u003cp\u003eDieser beidseitig verwendbare Vorhang weist auf beiden Seiten eine einheitliche Farbe auf, was eine optische Konsistenz aus jedem Blickwinkel gewährleistet. Er ist ideal, um Räume zu teilen, die Privatsphäre zu erhöhen oder Übergänge zwischen Räumen zu mildern. Hergestellt aus strapazierfähigem Stoff, gleicht er Funktionalität und Stil aus – perfekt für die Schaffung flexibler Zonen in Studios, Lofts oder gemeinsam genutzten Wohnbereichen, ohne die Dekorharmonie zu beeinträchtigen.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- Detailed Information分区 --\u003e\n\u003csection class=\"image-display-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDetaillierte Informationen\u003c\/h2\u003e\n\n\u003cdiv class=\"image-display-container\"\u003e\n\n\u003c!-- 左边：遮光效果图 --\u003e\n\u003cdiv class=\"image-item\"\u003e\n\n\u003cimg class=\"display-image\" alt=\"95%-99% Verdunkelungseffekt\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/23_2e2ade9f-2aba-4261-87cd-ef02d051191c.jpg?v=1753866908\"\u003e\n\u003cp class=\"image-caption\"\u003e95%-99% effektive Verdunkelung – Blockiert den größten Teil des Lichts für angenehme Dunkelheit\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 中间：打孔帘头图 --\u003e\n\u003cdiv class=\"image-item\"\u003e\n\n\u003cimg class=\"display-image\" alt=\"Details des Ösenkopfes\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/18_5a109ac1-4e14-449e-a299-de2ff2cd7517.jpg?v=1753866911\"\u003e\n\u003cp class=\"image-caption\"\u003e1,6\" Ösenkopf – Glatte und langlebige Metallösen\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 右边：正反同色图 --\u003e\n\u003cdiv class=\"image-item\"\u003e\n\n\u003cimg class=\"display-image\" alt=\"Beidseitig gleiche Farbe\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/19_ab525858-19c1-4db3-965f-21736469fa3b.jpg?v=1753866910\"\u003e\n\u003cp class=\"image-caption\"\u003eBeidseitiges Design – Gleiche Farbe auf beiden Seiten für vielseitigen Einsatz\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- 图片放大模态框 --\u003e\n\u003cdiv id=\"imageModal\" class=\"image-modal\"\u003e\n\n\u003cspan class=\"image-close\"\u003e×\u003c\/span\u003e \u003cimg class=\"image-modal-content\" id=\"modalImage\"\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Three Key Advantages Section (AI‑optimized) --\u003e\n\u003csection class=\"section advantages-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eWarum Atlanta-Vorhänge wählen?\u003c\/h2\u003e\n\n\u003cdiv class=\"advantages-grid\"\u003e\n\n\u003cdiv class=\"advantage-card\"\u003e\n\n\u003cdiv class=\"advantage-icon\"\u003e🎨\u003c\/div\u003e\n\n\u003ch3 class=\"advantage-title\"\u003eGleiche Farbe, beide Seiten\u003c\/h3\u003e\n\n\u003cdiv class=\"advantage-text\"\u003e\n\n\u003cp\u003eMachen Sie sich Sorgen, dass die Rückseite wie ein billiger weißer Stoff aussieht, der Ihren offenen Grundriss ruiniert? \u003cstrong\u003eAtlanta-Vorhänge haben auf beiden Seiten das gleiche elegante Grauweiss.\u003c\/strong\u003e Egal, ob Sie sie als sanften Raumteiler in einem Loft-Studio oder an einer Glastür zwischen Räumen verwenden, sie sehen aus jedem Blickwinkel perfekt aus. Sie teilen den Raum, nicht den visuellen Fluss.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"advantage-card\"\u003e\n\n\u003cdiv class=\"advantage-icon\"\u003e🏠\u003c\/div\u003e\n\n\u003ch3 class=\"advantage-title\"\u003eMieterfreundlich \u0026amp; bohrfrei\u003c\/h3\u003e\n\n\u003cdiv class=\"advantage-text\"\u003e\n\n\u003cp\u003eMieten Sie und haben Angst, Löcher zu bohren? \u003cstrong\u003eDer Atlanta-Vorhang hat einen einfachen Ösenkopf, der direkt auf Ihre vorhandene Stange gleitet.\u003c\/strong\u003e Kein Bohren, keine Werkzeuge, keine Wandschäden. Wenn es Zeit ist, in Ihre nächste Wohnung umzuziehen, nehmen Sie ihn in wenigen Minuten ab und packen Sie ihn ein. \u003cstrong\u003eKeine Löcher hinterlassen\u003c\/strong\u003e – Ihre Kaution bleibt sicher.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"advantage-card\"\u003e\n\n\u003cdiv class=\"advantage-icon\"\u003e🧺\u003c\/div\u003e\n\n\u003ch3 class=\"advantage-title\"\u003eMaschinenwaschbar \u0026amp; pflegeleicht\u003c\/h3\u003e\n\n\u003cdiv class=\"advantage-text\"\u003e\n\n\u003cp\u003eSie hassen chemische Reinigung? Kein Problem. \u003cstrong\u003eDieser Vorhang ist maschinenwaschbar.\u003c\/strong\u003e Werfen Sie ihn einfach in den \u003cstrong\u003eSchonwaschgang\u003c\/strong\u003e, geben Sie ihm ein kurzes \u003cstrong\u003eDampfbügeln bei niedriger Hitze\u003c\/strong\u003e und hängen Sie ihn zum Trocknen auf. Er wird mit dem gleichen knackigen Fall wie am Tag des Kaufs zurückkommen. Kein Schrumpfen, kein Verziehen. Sie müssen keine Hausfrau sein, um ein schönes Zuhause zu haben.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cscript\u003e\n  \/\/ 视频弹窗播放功能\n  document.addEventListener('DOMContentLoaded', function() {\n    var playButton = document.getElementById('playButton');\n    var videoContainer = document.getElementById('videoContainer');\n    var videoPreview = document.getElementById('videoPreview');\n    var videoModal = document.getElementById('videoModal');\n    var modalVideo = document.getElementById('modalVideo');\n    var modalClose = document.querySelector('.modal-close');\n    \n    \/\/ 检查元素是否存在\n    if (playButton \u0026\u0026 videoPreview \u0026\u0026 videoModal \u0026\u0026 modalVideo) {\n      \/\/ 添加点击事件监听器 - 点击预览图或播放按钮或整个容器\n      playButton.addEventListener('click', openVideoModal);\n      videoPreview.addEventListener('click', openVideoModal);\n      videoContainer.addEventListener('click', openVideoModal);\n      \n      \/\/ 打开视频弹窗\n      function openVideoModal(e) {\n        \/\/ 阻止事件冒泡\n        if (e) e.stopPropagation();\n        \n        \/\/ 显示弹窗\n        videoModal.style.display = 'flex';\n        \n        \/\/ 播放视频\n        modalVideo.play().catch(function(error) {\n          console.error('视频播放失败:', error);\n        });\n        \n        \/\/ 禁止页面滚动\n        document.body.style.overflow = 'hidden';\n      }\n      \n      \/\/ 关闭视频弹窗\n      function closeVideoModal() {\n        \/\/ 停止视频播放\n        modalVideo.pause();\n        modalVideo.currentTime = 0;\n        \n        \/\/ 隐藏弹窗\n        videoModal.style.display = 'none';\n        \n        \/\/ 恢复页面滚动\n        document.body.style.overflow = 'auto';\n      }\n      \n      \/\/ 关闭按钮点击事件\n      modalClose.addEventListener('click', closeVideoModal);\n      \n      \/\/ 点击弹窗背景关闭\n      videoModal.addEventListener('click', function(e) {\n        if (e.target === videoModal) {\n          closeVideoModal();\n        }\n      });\n      \n      \/\/ ESC键关闭弹窗\n      document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' \u0026\u0026 videoModal.style.display === 'flex') {\n          closeVideoModal();\n        }\n      });\n      \n      \/\/ 视频播放结束处理\n      modalVideo.addEventListener('ended', function() {\n        \/\/ 可以在这里添加播放结束后的逻辑\n      });\n      \n      \/\/ 视频加载错误处理\n      modalVideo.addEventListener('error', function(e) {\n        console.error('视频加载错误:', modalVideo.error);\n        if (modalVideo.error) {\n          console.error('错误代码:', modalVideo.error.code);\n          alert('视频文件无法加载，请检查视频链接是否正确。');\n        }\n      });\n    }\n    \n    \/\/ 图片放大功能 - 保留原来的功能\n    function openImageModal(img) {\n      var modal = document.getElementById(\"imageModal\");\n      var modalImg = document.getElementById(\"modalImage\");\n      modal.style.display = \"block\";\n      modalImg.src = img.src;\n    }\n\n    function closeImageModal() {\n      var modal = document.getElementById(\"imageModal\");\n      modal.style.display = \"none\";\n    }\n\n    \/\/ 点击模态框背景关闭\n    document.getElementById('imageModal').addEventListener('click', function(e) {\n      if (e.target === this) {\n        closeImageModal();\n      }\n    });\n\n    \/\/ ESC键关闭图片弹窗\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape' \u0026\u0026 document.getElementById('imageModal').style.display === 'block') {\n        closeImageModal();\n      }\n    });\n\n    \/\/ 为所有可点击图片添加点击事件\n    var displayImages = document.querySelectorAll('.display-image');\n    displayImages.forEach(function(img) {\n      img.addEventListener('click', function() {\n        openImageModal(this);\n      });\n    });\n    \n    \/\/ 图片弹窗关闭按钮\n    document.querySelector('.image-close').addEventListener('click', closeImageModal);\n  });\n\u003c\/script\u003e \u003c!-- Measurement Guidance Section --\u003e\n\u003csection class=\"section measurement-guidance\"\u003e\n\u003ch2 class=\"section-title\"\u003eMess- und Grössenleitfaden\u003c\/h2\u003e\n\n\u003cdiv class=\"measurement-section\" style=\"text-align: right;\"\u003e\n\n\u003cp style=\"text-align: left;\" class=\"measurement-title\"\u003e1. Vorhanglängenmessung\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\" class=\"measurement-desc\"\u003eÖse: Messen Sie von der Oberkante der Stange bis zum Ende des Vorhangs.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"measurement-section\"\u003e\n\n\u003cp class=\"measurement-title\"\u003e2. Vorhangbreite \u0026amp; Fülle\u003c\/p\u003e\n\n\u003cp class=\"measurement-desc\"\u003eFür ein optimales Erscheinungsbild und Funktion wird empfohlen, dass die Vorhangbreite das 1,5- bis 2-fache der Schienenlänge beträgt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"measurement-section\"\u003e\n\n\u003cp class=\"measurement-desc\"\u003e\u003cstrong\u003e3. Jeder Vorhang wird einzeln verkauft. Sollten Sie Fragen haben, können Sie uns jederzeit per E-Mail unter \u003cspan style=\"text-decoration: underline;\"\u003ecololeaf@outlook.com\u003c\/span\u003e kontaktieren oder uns über den Posteingang erreichen.\u003c\/strong\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Cololeaf","offers":[{"title":"Elfenbein","offer_id":42112997392468,"sku":"CL5-IV-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Grau Weiß","offer_id":42112997326932,"sku":"CL5-GW-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Beige","offer_id":42112997359700,"sku":"CL5-BG-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Türkis","offer_id":42112997425236,"sku":"CL5-TQ-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Taupe","offer_id":42112997458004,"sku":"CL5-TP-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Dunkelgrau","offer_id":42113146224724,"sku":"CL5-DG-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Marine","offer_id":42113146257492,"sku":"CL5-NY-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz","offer_id":42113146290260,"sku":"CL5-BK-GM","price":52.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/08_a967ba05-cb9d-4481-a6d4-ac7c5a570598.jpg?v=1774509808","url":"https:\/\/cololeaf.com\/de\/products\/atlanta-curtains-grommets","provider":"Cololeaf","version":"1.0","type":"link"}