### Initialize kkFlexLayoutDrop Components

Source: https://husatech.de/EcoFlow-DELTA-PRO-3-Powerstation

Initializes kkFlexLayoutDrop components for flexible layouts with specific responsive settings. This pattern is repeated for multiple layout instances.

```javascript
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-bcf92a91-a2cd-414f-a1d6-5eb2fb348430', function(drop) {
  new kkFlexLayoutDrop(drop.$, {
    "responsiveMode": "none",
    "responsiveScaleBase": 1090,
    "equalSpaceHeights": false
  });
});
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-f305eec0-25cd-4a79-a1b2-dc411c067901', function(drop) {
  new kkFlexLayoutDrop(drop.$, {
    "responsiveMode": "none",
    "responsiveScaleBase": 1090,
    "equalSpaceHeights": false
  });
});
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-5ff6bda9-5eea-42a8-9e9e-df2fdecc73e3', function(drop) {
  new kkFlexLayoutDrop(drop.$, {
    "responsiveMode": "none",
    "responsiveScaleBase": 1090,
    "equalSpaceHeights": false
  });
});
```

--------------------------------

### Session Storage for Product Page Navigation

Source: https://husatech.de/EcoFlow-DELTA-PRO-3-Powerstation

This JavaScript code manages session storage to track product page visits and determine if a 'back-to-list' link should be rendered. It uses `sessionStorage` to store the starting point, current product ID, and page visit count. It also checks for page reload types to increment visit counts accurately. The logic aims to provide context for user navigation flow.

```javascript
(function(){
    // back-to-list-link mechanics
    let has_starting_point = window.sessionStorage.getItem('has_starting_point') === 'true';
    let product_id = Number(window.sessionStorage.getItem('cur_product_id'));
    let page_visits = Number(window.sessionStorage.getItem('product_page_visits'));
    let no_reload = performance.getEntriesByType('navigation')[0].type !== 'reload';
    let browseNext = 0;
    let browsePrev = 0;
    let should_render_link = true;

    if (has_starting_point === false) {
        should_render_link = false;
    } else if (product_id === 0) {
        product_id = 23320;
        page_visits = 1;
    } else if (product_id === 23320) {
        if (no_reload) {
            page_visits ++;
        }
    } else if (product_id === browseNext || product_id === browsePrev) {
        product_id = 23320;
        page_visits ++;
    } else {
        has_starting_point = false;
        should_render_link = false;
    }

    window.sessionStorage.setItem('has_starting_point', has_starting_point);
    window.sessionStorage.setItem('cur_product_id', product_id);
    window.sessionStorage.setItem('product_page_visits', page_visits);
    window.should_render_backtolist_link = should_render_link;
})()
```

--------------------------------

### Initialize DropperFramework with Resources and Components

Source: https://husatech.de/montagevorrichtungen

This snippet demonstrates the initialization of the DropperFramework. It registers various JavaScript and CSS resources required for plugins and then proceeds to initialize specific components like tooltips, flex layouts, and popups using their respective selectors and configurations.

```javascript
if (typeof(DropperFramework) !== 'undefined') { DropperFramework.registerResources([
    "//husatech.de/plugins/kk_dropper/drops/Shared/framework.js?v=100.19.10",
    "//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/flexlayout.js?v=2.0.2",
    "//husatech.de/plugins/kk_dropper/drops/KK_Popup/js/popup.js?v=1.0.12",
    "//husatech.de/plugins/kk_dropper/drops/Shared/framework.css?v=100.19.10",
    "//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/gridsystem.css?v=2.0.2",
    "//husatech.de/plugins/kk_dropper/drops/KK_USP/style.css?v=1.0.4",
    "//husatech.de/plugins/kk_dropper/drops/KK_Popup/css/popup.css?v=1.0.12",
    "//husatech.de/plugins/kk_dropper/integrations/INT_Nova/css/style.css?v=1.1.3"
]); }
DropperFramework.setInitId('script:f97a8bec643720b2271e5175e6d905db');
DropperFramework.init('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f', function(drop){
    if(typeof $().tooltip === 'function'){
        try{
            $('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f .kk-usp-item[data-toggle=kk-tooltip]').tooltip();
        }catch(ex){
            console.log(ex);
        }
    }
});
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-bcf92a91-a2cd-414f-a1d6-5eb2fb348430', function(drop) {
    new kkFlexLayoutDrop(drop.$, {
        "responsiveMode": "none",
        "responsiveScaleBase": 1090,
        "equalSpaceHeights": false
    });
});
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-f305eec0-25cd-4a79-a1b2-dc411c067901', function(drop) {
    new kkFlexLayoutDrop(drop.$, {
        "responsiveMode": "none",
        "responsiveScaleBase": 1090,
        "equalSpaceHeights": false
    });
});
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-5ff6bda9-5eea-42a8-9e9e-df2fdecc73e3', function(drop) {
    new kkFlexLayoutDrop(drop.$, {
        "responsiveMode": "none",
        "responsiveScaleBase": 1090,
        "equalSpaceHeights": false
    });
});
DropperFramework.setInitId('script:ff9d8abafc5eb7f102b6cfd3a8c74ea9');
DropperFramework.init('.kk-popup-runtime-688ca4efb2dcb836681921', function(drop) {
    new KK_PopupDrop(drop.$, {
        id: 'fa0a4f48-ec53-4aee-ad5b-cfb5cfcc6b70',
        runtimeId: '688ca4efb2dcb836681921',
        name: 'HINWEISE: 0%: PopUp DESKTOP',
        mode: 'click',
        once: false,
        closeable: true,
        timeDelay: 20,
        leaveDelay: 2,
        scrollDistance: 1000,
        lifetime: 720,
        clickSelector: '.null_prozent',
        useAjax: false,
        useBackdrop: true,
        blocked: false,
        footerBtnActions: { }
    });
});
```

--------------------------------

### Start Mobile Minimize Timer

Source: https://husatech.de/PV-Komplettanlagen

Starts a timer for automatically minimizing the banner on mobile devices. It ensures any existing timer is cleared before setting a new one with a 3-second delay.

```javascript
function startMobileMinimizeTimer() {
  if (mobileMinimizeTimer) {
    clearTimeout(mobileMinimizeTimer);
  }
  // REPAIRED: 3 seconds Mobile (consistent)
  mobileMinimizeTimer = setTimeout(mobileMinimizeBanner, 3000);
}
```

--------------------------------

### Initialize DropperFramework Components

Source: https://husatech.de/Solarmodule-Flexibel-Marine

Initializes various DropperFramework components, such as USP (Unique Selling Proposition) items with tooltips and KK_FlexLayout for responsive grid systems. Each initialization targets specific DOM elements using CSS selectors.

```javascript
DropperFramework.setInitId('script:f97a8bec643720b2271e5175e6d905db');
DropperFramework.init('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f', function(drop){ if(typeof $().tooltip === 'function'){ try{ $('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f .kk-usp-item[data-toggle=kk-tooltip]').tooltip(); }catch(ex){ console.log(ex); } } });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-095f2ee5-27f4-4cae-8235-22c0f24069bd', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-48346214-ec49-4c00-ad11-4298a5ab2015', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-bcf92a91-a2cd-414f-a1d6-5eb2fb348430', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-f305eec0-25cd-4a79-a1b2-dc411c067901', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-5ff6bda9-5eea-42a8-9e9e-df2fdecc73e3', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:ff9d8abafc5eb7f102b6cfd3a8c74ea9');
DropperFramework.init('.kk-popup-runtime-688ca4c6138b1407495322', function(drop) { new KK_PopupDrop(drop.$, { id: 'fa0a4f48-ec53-4aee-ad5b-cfb5cfcc6b70', runtimeId: '688ca4c6138b1407495322', name: 'HINWEISE: 0%: PopUp DESKTOP', mode: 'click', once: false, closeable: true, timeDelay: 20, leaveDelay: 2, scrollDistance: 1000, lifetime: 720, clickSelector: '.null_prozent', useAjax: false, useBackdrop: true, blocked: false, footerBtnActions: { } }); });
```

--------------------------------

### Start Mobile Minimize Timer

Source: https://husatech.de/Hybrid-Wechselrichter

Starts a timer specifically for the automatic minimization of the banner on mobile devices. It ensures only one timer is active by clearing any existing ones.

```javascript
function startMobileMinimizeTimer() {
  if (mobileMinimizeTimer) {
    clearTimeout(mobileMinimizeTimer);
  }
  // REPAIRED: 3 seconds Mobile (consistent)
  mobileMinimizeTimer = setTimeout(mobileMinimizeBanner, 3000);
}
```

--------------------------------

### Initialize Dropper Framework Resources and Components

Source: https://husatech.de/Gurtboecke-Drehkonsolen

This snippet registers various JavaScript and CSS resources with the Dropper Framework and then initializes specific components like USP tooltips, KK FlexLayout instances, and KK Popup instances. It handles dynamic initialization based on CSS selectors and applies specific configurations to each component.

```javascript
if (typeof(DropperFramework) !== 'undefined') { DropperFramework.registerResources(["//husatech.de/plugins/kk_dropper/drops/Shared/framework.js?v=100.19.10","//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/flexlayout.js?v=2.0.2","//husatech.de/plugins/kk_dropper/drops/KK_Popup/js/popup.js?v=1.0.12","//husatech.de/plugins/kk_dropper/drops/Shared/framework.css?v=100.19.10","//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/gridsystem.css?v=2.0.2","//husatech.de/plugins/kk_dropper/drops/KK_USP/style.css?v=1.0.4","//husatech.de/plugins/kk_dropper/drops/KK_Popup/css/popup.css?v=1.0.12","//husatech.de/plugins/kk_dropper/integrations/INT_Nova/css/style.css?v=1.1.3"] ); }
DropperFramework.setInitId('script:f97a8bec643720b2271e5175e6d905db');
DropperFramework.init('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f', function(drop){ if(typeof $().tooltip === 'function'){ try{ $('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f .kk-usp-item[data-toggle=kk-tooltip]').tooltip(); }catch(ex){ console.log(ex); } } });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-bcf92a91-a2cd-414f-a1d6-5eb2fb348430', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-f305eec0-25cd-4a79-a1b2-dc411c067901', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-5ff6bda9-5eea-42a8-9e9e-df2fdecc73e3', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:ff9d8abafc5eb7f102b6cfd3a8c74ea9');
DropperFramework.init('.kk-popup-runtime-688ca4ef25801761359984', function(drop) { new KK_PopupDrop(drop.$, { id: 'fa0a4f48-ec53-4aee-ad5b-cfb5cfcc6b70', runtimeId: '688ca4ef25801761359984', name: 'HINWEISE: 0%: PopUp DESKTOP', mode: 'click', once: false, closeable: true, timeDelay: 20, leaveDelay: 2, scrollDistance: 1000, lifetime: 720, clickSelector: '.null_prozent', useAjax: false, useBackdrop: true, blocked: false, footerBtnActions: { } }); });
```

--------------------------------

### Register and Initialize DropperFramework Resources

Source: https://husatech.de/Dachhauben-Fenster

Registers various JavaScript and CSS resources for the DropperFramework and its components. It then initializes the framework with a specific ID and sets up tooltips for elements with the 'kk-tooltip' data attribute.

```javascript
if (typeof(DropperFramework) !== 'undefined') { DropperFramework.registerResources([
  "//husatech.de/plugins/kk_dropper/drops/Shared/framework.js?v=100.19.10",
  "//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/flexlayout.js?v=2.0.2",
  "//husatech.de/plugins/kk_dropper/drops/KK_Popup/js/popup.js?v=1.0.12",
  "//husatech.de/plugins/kk_dropper/drops/Shared/framework.css?v=100.19.10",
  "//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/gridsystem.css?v=2.0.2",
  "//husatech.de/plugins/kk_dropper/drops/KK_USP/style.css?v=1.0.4",
  "//husatech.de/plugins/kk_dropper/drops/KK_Popup/css/popup.css?v=1.0.12",
  "//husatech.de/plugins/kk_dropper/integrations/INT_Nova/css/style.css?v=1.1.3"
]); }
DropperFramework.setInitId('script:f97a8bec643720b2271e5175e6d905db');
DropperFramework.init('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f', function(drop){
  if(typeof $().tooltip === 'function'){
    try{
      $('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f .kk-usp-item[data-toggle=kk-tooltip]').tooltip();
    }catch(ex){
      console.log(ex);
    }
  }
});
```

--------------------------------

### Google Tag Manager and Analytics Setup

Source: https://husatech.de/Wallboxen

Initializes Google Tag Manager, sets consent defaults, and configures Google Ads and Google Analytics 4. This script ensures proper tracking and advertising setup on the website.

```javascript
window.dataLayer = window.dataLayer || []; function gtag() {dataLayer.push(arguments);} gtag('consent', 'default', { ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', analytics_storage: 'denied', wait_for_update: 2000}); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WPWPLN3L');
```

```javascript
window.dataLayer = window.dataLayer || []; function gtag() {dataLayer.push(arguments);} gtag('js', new Date()); gtag('set', {'language': 'de'}); /* Google Ads */if(typeof gtag == 'function'){gtag('config', 'AW-11180603821', {'allow_enhanced_conversions': true})}; /* Google Analytics 4 */if(typeof gtag == 'function'){gtag('config', 'G-1NYZE99GFY', {'anonymize_ip': true, })};
```

--------------------------------

### Dropper Framework JavaScript Integration

Source: https://husatech.de/stromzaehler

Dieses Skript integriert das Dropper Framework, registriert notwendige Ressourcen wie Framework-Skripte, Layout- und Popup-Komponenten, und initialisiert spezifische UI-Elemente wie Tooltips und Flex-Layouts. Es konfiguriert auch ein Popup-Fenster mit verschiedenen Einstellungen für die Anzeige.

```javascript
if (typeof(DropperFramework) !== 'undefined') { DropperFramework.registerResources(["//husatech.de/plugins/kk_dropper/drops/Shared/framework.js?v=100.19.10","//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/flexlayout.js?v=2.0.2","//husatech.de/plugins/kk_dropper/drops/KK_Popup/js/popup.js?v=1.0.12","//husatech.de/plugins/kk_dropper/drops/Shared/framework.css?v=100.19.10","//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/gridsystem.css?v=2.0.2","//husatech.de/plugins/kk_dropper/drops/KK_USP/style.css?v=1.0.4","//husatech.de/plugins/kk_dropper/drops/KK_Popup/css/popup.css?v=1.0.12","//husatech.de/plugins/kk_dropper/integrations/INT_Nova/css/style.css?v=1.1.3"] ); }  DropperFramework.setInitId('script:f97a8bec643720b2271e5175e6d905db'); DropperFramework.init('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f', function(drop){ if(typeof $().tooltip === 'function'){ try{ $('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f .kk-usp-item[data-toggle=kk-tooltip]').tooltip(); }catch(ex){ console.log(ex); } } }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-72e07b3b-63bb-44b6-85bf-a2e1a332a41e', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-f2d04bab-9c55-4e99-95f5-224886011052', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-bcf92a91-a2cd-414f-a1d6-5eb2fb348430', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-f305eec0-25cd-4a79-a1b2-dc411c067901', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-5ff6bda9-5eea-42a8-9e9e-df2fdecc73e3', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:ff9d8abafc5eb7f102b6cfd3a8c74ea9'); DropperFramework.init('.kk-popup-runtime-688ca4da9a31b669274963', function(drop) { new KK_PopupDrop(drop.$, { id: 'fa0a4f48-ec53-4aee-ad5b-cfb5cfcc6b70', runtimeId: '688ca4da9a31b669274963', name: 'HINWEISE: 0%: PopUp DESKTOP', mode: 'click', once: false, closeable: true, timeDelay: 20, leaveDelay: 2, scrollDistance: 1000, lifetime: 720, clickSelector: '.null_prozent', useAjax: false, useBackdrop: true, blocked: false, footerBtnActions: { } }); });
```

--------------------------------

### Google Tag Manager and Analytics Setup

Source: https://husatech.de/Adapter-Verteiler-Stecker-Buchsen

Initializes Google Tag Manager (GTM) for website tracking, including consent management, Google Ads configuration, and Google Analytics 4 setup. It ensures the dataLayer is available and loads the GTM script asynchronously. The script also sets the language to German and configures enhanced conversions for Google Ads.

```javascript
window.dataLayer = window.dataLayer || []; function gtag() {dataLayer.push(arguments);}
gtag('consent', 'default', { ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', analytics_storage: 'denied', wait_for_update: 2000});
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WPWPLN3L');
window.dataLayer = window.dataLayer || []; function gtag() {dataLayer.push(arguments);}
gtag('js', new Date());
gtag('set', {'language': 'de'});
/* Google Ads */
if(typeof gtag == 'function'){
  gtag('config', 'AW-11180603821', {'allow_enhanced_conversions': true})
};
/* Google Analytics 4 */
if(typeof gtag == 'function'){
  gtag('config', 'G-1NYZE99GFY', {'anonymize_ip': true, })
};
```

--------------------------------

### Dropper Framework Initialization

Source: https://husatech.de/Photovoltaik-Planung-Beratung

This JavaScript code utilizes the Dropper Framework to register resources and initialize various UI components. It loads framework scripts and CSS, then initializes specific components like USP (Unique Selling Proposition) with tooltips and FlexLayout components with responsive settings. It also initializes a popup component with specific configurations for display triggers and behavior.

```javascript
if (typeof(DropperFramework) !== 'undefined') { DropperFramework.registerResources(["//husatech.de/plugins/kk_dropper/drops/Shared/framework.js?v=100.19.10","//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/flexlayout.js?v=2.0.2","//husatech.de/plugins/kk_dropper/drops/KK_Popup/js/popup.js?v=1.0.12","//husatech.de/plugins/kk_dropper/drops/Shared/framework.css?v=100.19.10","//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/gridsystem.css?v=2.0.2","//husatech.de/plugins/kk_dropper/drops/KK_ImageBanner/imagebanner.css?v=1.0.7","//husatech.de/plugins/kk_dropper/drops/KK_USP/style.css?v=1.0.4","//husatech.de/plugins/kk_dropper/drops/KK_Popup/css/popup.css?v=1.0.12","//husatech.de/plugins/kk_dropper/integrations/INT_Nova/css/style.css?v=1.1.3"]); }  DropperFramework.setInitId('script:f97a8bec643720b2271e5175e6d905db'); DropperFramework.init('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f', function(drop){ if(typeof $().tooltip === 'function'){ try{ $('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f .kk-usp-item[data-toggle=kk-tooltip]').tooltip(); }catch(ex){ console.log(ex); } } }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-2d6c8b26-57e6-42d9-ae76-0b956f857881', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-bcf92a91-a2cd-414f-a1d6-5eb2fb348430', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-f305eec0-25cd-4a79-a1b2-dc411c067901', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31'); DropperFramework.init('.kk-flexlayout-5ff6bda9-5eea-42a8-9e9e-df2fdecc73e3', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); }); DropperFramework.setInitId('script:ff9d8abafc5eb7f102b6cfd3a8c74ea9'); DropperFramework.init('.kk-popup-runtime-688ca4bf709d1303812693', function(drop) { new KK_PopupDrop(drop.$, { id: 'fa0a4f48-ec53-4aee-ad5b-cfb5cfcc6b70', runtimeId: '688ca4bf709d1303812693', name: 'HINWEISE: 0%: PopUp DESKTOP', mode: 'click', once: false, closeable: true, timeDelay: 20, leaveDelay: 2, scrollDistance: 1000, lifetime: 720, clickSelector: '.null_prozent', useAjax: false, useBackdrop: true, blocked: false, footerBtnActions: { } }); });
```

--------------------------------

### Google Tag Manager and Analytics Setup

Source: https://husatech.de/Smartshunt

This JavaScript snippet initializes the dataLayer, configures user consent for Google services (Ads and Analytics), loads the Google Tag Manager script, sets the page language to German, and configures Google Ads and Google Analytics 4 tracking IDs. It ensures proper initialization and tracking setup for web analytics and advertising.

```javascript
window.dataLayer = window.dataLayer || [];
function gtag() {
    dataLayer.push(arguments);
}

gtag('consent', 'default', {
    'ad_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'analytics_storage': 'denied',
    'wait_for_update': 2000
});

(function(w, d, s, l, i) {
    w[l] = w[l] || [];
    w[l].push({
        'gtm.start': new Date().getTime(),
        event: 'gtm.js'
    });
    var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != 'dataLayer' ? '&l=' + l : '';
    j.async = true;
    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
    f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-WPWPLN3L');

window.dataLayer = window.dataLayer || [];
function gtag() {
    dataLayer.push(arguments);
}

gtag('js', new Date());
gtag('set', {'language': 'de'});

/* Google Ads */
if (typeof gtag == 'function') {
    gtag('config', 'AW-11180603821', {
        'allow_enhanced_conversions': true
    });
};

/* Google Analytics 4 */
if (typeof gtag == 'function') {
    gtag('config', 'G-1NYZE99GFY', {
        'anonymize_ip': true,
    });
}
```

--------------------------------

### Product List Styles

Source: https://husatech.de/solarpanele-faltbar-solartaschen

A placeholder style for product list containers, indicating the start of specific styling for product listing pages.

```css
.productlist-
```

--------------------------------

### JavaScript: Initialize Doofinder Live Layer

Source: https://husatech.de/Planung-und-Beratung_1

This snippet initializes the Doofinder live layer by asynchronously loading its JavaScript SDK. It configures the layer with an installation ID and zone, then sets specific configuration options for currency, language, and zone using the `doofinderApp` global function.

```javascript
const dfLayerOptions = {
    installationId: 'f8e76479-03c8-420d-839d-28541dad006d',
    zone: 'eu1'
};
(function (l, a, y, e, r, s) {
    r = l.createElement(a);
    r.onload = e;
    r.async = 1;
    r.src = y;
    s = l.getElementsByTagName(a)[0];
    s.parentNode.insertBefore(r, s);
})(document, 'script', 'https://cdn.doofinder.com/livelayer/1/js/loader.min.js', function () {
    doofinderLoader.load(dfLayerOptions);
});
(function(w,k) {
    if(typeof w[k] !== 'function'){
        w[k] = function() {
            (w[k].q = w[k].q || []).push(arguments);
        }
    }
})(window, 'doofinderApp');
doofinderApp('config', 'currency', 'EUR');
doofinderApp('config', 'language', 'de');
doofinderApp('config', 'zone', 'eu1');
```

--------------------------------

### JavaScript: Initialize Doofinder Live Layer

Source: https://husatech.de/Photovoltaik-Planung-Beratung

This snippet initializes the Doofinder live layer by asynchronously loading its JavaScript SDK. It configures the layer with an installation ID and zone, then sets specific configuration options for currency, language, and zone using the `doofinderApp` global function.

```javascript
const dfLayerOptions = {
    installationId: 'f8e76479-03c8-420d-839d-28541dad006d',
    zone: 'eu1'
};
(function (l, a, y, e, r, s) {
    r = l.createElement(a);
    r.onload = e;
    r.async = 1;
    r.src = y;
    s = l.getElementsByTagName(a)[0];
    s.parentNode.insertBefore(r, s);
})(document, 'script', 'https://cdn.doofinder.com/livelayer/1/js/loader.min.js', function () {
    doofinderLoader.load(dfLayerOptions);
});
(function(w,k) {
    if(typeof w[k] !== 'function'){
        w[k] = function() {
            (w[k].q = w[k].q || []).push(arguments);
        }
    }
})(window, 'doofinderApp');
doofinderApp('config', 'currency', 'EUR');
doofinderApp('config', 'language', 'de');
doofinderApp('config', 'zone', 'eu1');
```

--------------------------------

### Doofinder Search Integration

Source: https://husatech.de/solarmodule

Configures and loads the Doofinder live search service. It sets installation ID, zone, currency, language, and triggers the loader with specific options.

```javascript
const dfLayerOptions = { installationId: 'f8e76479-03c8-420d-839d-28541dad006d', zone: 'eu1' }; (function (l, a, y, e, r, s) { r = l.createElement(a); r.onload = e; r.async = 1; r.src = y; s = l.getElementsByTagName(a)[0]; s.parentNode.insertBefore(r, s); })(document, 'script', 'https://cdn.doofinder.com/livelayer/1/js/loader.min.js', function () { doofinderLoader.load(dfLayerOptions); }); (function(w,k) { if(typeof w[k] !== 'function'){ w[k] = function() { (w[k].q = w[k].q || []).push(arguments); } } })(window, 'doofinderApp'); doofinderApp('config', 'currency', 'EUR'); doofinderApp('config', 'language', 'de'); doofinderApp('config', 'zone', 'eu1');
```

--------------------------------

### Doofinder Search Integration

Source: https://husatech.de/Solarmodule-mit-Rahmen

Configures and loads the Doofinder live search service. It sets installation ID, zone, currency, language, and triggers the loader with specific options.

```javascript
const dfLayerOptions = { installationId: 'f8e76479-03c8-420d-839d-28541dad006d', zone: 'eu1' }; (function (l, a, y, e, r, s) { r = l.createElement(a); r.onload = e; r.async = 1; r.src = y; s = l.getElementsByTagName(a)[0]; s.parentNode.insertBefore(r, s); })(document, 'script', 'https://cdn.doofinder.com/livelayer/1/js/loader.min.js', function () { doofinderLoader.load(dfLayerOptions); }); (function(w,k) { if(typeof w[k] !== 'function'){ w[k] = function() { (w[k].q = w[k].q || []).push(arguments); } } })(window, 'doofinderApp'); doofinderApp('config', 'currency', 'EUR'); doofinderApp('config', 'language', 'de'); doofinderApp('config', 'zone', 'eu1');
```

--------------------------------

### DropperFramework Initialization

Source: https://husatech.de/PV-Montagesysteme

This script registers resources and initializes various DropperFramework components, including USP items, FlexLayout, and Popups. It sets up tooltips, responsive layouts, and popup configurations based on specific selectors and settings.

```javascript
if (typeof(DropperFramework) !== 'undefined') { DropperFramework.registerResources(["//husatech.de/plugins/kk_dropper/drops/Shared/framework.js?v=100.19.10","//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/flexlayout.js?v=2.0.2","//husatech.de/plugins/kk_dropper/drops/KK_Popup/js/popup.js?v=1.0.12","//husatech.de/plugins/kk_dropper/drops/Shared/framework.css?v=100.19.10","//husatech.de/plugins/kk_dropper/drops/KK_FlexLayout/gridsystem.css?v=2.0.2","//husatech.de/plugins/kk_dropper/drops/KK_USP/style.css?v=1.0.4","//husatech.de/plugins/kk_dropper/drops/KK_Popup/css/popup.css?v=1.0.12","//husatech.de/plugins/kk_dropper/integrations/INT_Nova/css/style.css?v=1.1.3"]);
}
DropperFramework.setInitId('script:f97a8bec643720b2271e5175e6d905db');
DropperFramework.init('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f', function(drop){ if(typeof $().tooltip === 'function'){ try{ $('.kk-usp-e4b732cd-a35b-41ad-82ea-7ac4d03a347f .kk-usp-item[data-toggle=kk-tooltip]').tooltip(); }catch(ex){ console.log(ex); } } });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-bcf92a91-a2cd-414f-a1d6-5eb2fb348430', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-f305eec0-25cd-4a79-a1b2-dc411c067901', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:6e7c184f9a9ca8412805ebfe6d1a4a31');
DropperFramework.init('.kk-flexlayout-5ff6bda9-5eea-42a8-9e9e-df2fdecc73e3', function(drop) { new kkFlexLayoutDrop(drop.$, { "responsiveMode": "none", "responsiveScaleBase": 1090, "equalSpaceHeights": false }); });
DropperFramework.setInitId('script:ff9d8abafc5eb7f102b6cfd3a8c74ea9');
DropperFramework.init('.kk-popup-runtime-688ca4ea3fecc447453519', function(drop) { new KK_PopupDrop(drop.$, { id: 'fa0a4f48-ec53-4aee-ad5b-cfb5cfcc6b70', runtimeId: '688ca4ea3fecc447453519', name: 'HINWEISE: 0%: PopUp DESKTOP', mode: 'click', once: false, closeable: true, timeDelay: 20, leaveDelay: 2, scrollDistance: 1000, lifetime: 720, clickSelector: '.null_prozent', useAjax: false, useBackdrop: true, blocked: false, footerBtnActions: { } }); });
```

--------------------------------

### Product List Styles

Source: https://husatech.de/Deye

A placeholder style for product list containers, indicating the start of specific styling for product listing pages.

```css
.productlist-
```