CINXE.COM
Get UltraXtend Now!
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="google-site-verification" content="J-r-Q-3RNwbIgSm-giyHgHZAIxR77wW3rKjrg6cp-pI" /> <title>Get UltraXtend Now!</title> <link rel="icon" type="image/png" href="/assets/shared/checkout/img/favicon.png" /> <script defer src="//use.fontawesome.com/releases/v5.3.1/js/all.js"></script> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="/assets/shared/checkout/v7/css/style.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css" /> <!-- <script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script> --> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Londrina+Outline&display=swap" rel="stylesheet" /> <style> #upsell { z-index: 999999 !important; } </style> <script> window.config = { visitorIpCountry: 'SG', brandId: 86, vatPercentage: Number(19), currencyFormat: '€%%value%%', currency: 'EUR', country: {"alpha2code":"DE","name":"Germany","currencyId":3,"vatRate":"0.19","locale":"de-DE","languageCode":"de","taxName":"VAT","currency":{"id":3,"code":"EUR","name":"Euro","format":"€%%value%%"},"regions":[]}, countries: [{"alpha2code":"US","name":"United States","currencyId":1,"vatRate":"0.00","locale":"en-US","languageCode":"en","taxName":"VAT","currency":{"id":1,"code":"USD","name":"United States dollar","format":"$%%value%%"},"regions":[{"countryCode":"US","code":"AL","name":"Alabama"},{"countryCode":"US","code":"AZ","name":"Arizona"},{"countryCode":"US","code":"AR","name":"Arkansas"},{"countryCode":"US","code":"CA","name":"California"},{"countryCode":"US","code":"CO","name":"Colorado"},{"countryCode":"US","code":"CT","name":"Connecticut"},{"countryCode":"US","code":"DE","name":"Delaware"},{"countryCode":"US","code":"DC","name":"District Of Columbia"},{"countryCode":"US","code":"FL","name":"Florida"},{"countryCode":"US","code":"GA","name":"Georgia"},{"countryCode":"US","code":"ID","name":"Idaho"},{"countryCode":"US","code":"IL","name":"Illinois"},{"countryCode":"US","code":"IN","name":"Indiana"},{"countryCode":"US","code":"IA","name":"Iowa"},{"countryCode":"US","code":"KS","name":"Kansas"},{"countryCode":"US","code":"KY","name":"Kentucky"},{"countryCode":"US","code":"LA","name":"Louisiana"},{"countryCode":"US","code":"ME","name":"Maine"},{"countryCode":"US","code":"MD","name":"Maryland"},{"countryCode":"US","code":"MA","name":"Massachusetts"},{"countryCode":"US","code":"MI","name":"Michigan"},{"countryCode":"US","code":"MN","name":"Minnesota"},{"countryCode":"US","code":"MS","name":"Mississippi"},{"countryCode":"US","code":"MO","name":"Missouri"},{"countryCode":"US","code":"MT","name":"Montana"},{"countryCode":"US","code":"NE","name":"Nebraska"},{"countryCode":"US","code":"NV","name":"Nevada"},{"countryCode":"US","code":"NH","name":"New Hampshire"},{"countryCode":"US","code":"NJ","name":"New Jersey"},{"countryCode":"US","code":"NM","name":"New Mexico"},{"countryCode":"US","code":"NY","name":"New York"},{"countryCode":"US","code":"NC","name":"North Carolina"},{"countryCode":"US","code":"ND","name":"North Dakota"},{"countryCode":"US","code":"OH","name":"Ohio"},{"countryCode":"US","code":"OK","name":"Oklahoma"},{"countryCode":"US","code":"OR","name":"Oregon"},{"countryCode":"US","code":"PA","name":"Pennsylvania"},{"countryCode":"US","code":"RI","name":"Rhode Island"},{"countryCode":"US","code":"SC","name":"South Carolina"},{"countryCode":"US","code":"SD","name":"South Dakota"},{"countryCode":"US","code":"TN","name":"Tennessee"},{"countryCode":"US","code":"TX","name":"Texas"},{"countryCode":"US","code":"UT","name":"Utah"},{"countryCode":"US","code":"VT","name":"Vermont"},{"countryCode":"US","code":"VA","name":"Virginia"},{"countryCode":"US","code":"WA","name":"Washington"},{"countryCode":"US","code":"WV","name":"West Virginia"},{"countryCode":"US","code":"WY","name":"Wyoming"},{"countryCode":"US","code":"WI","name":"Wisconsin"}]},{"alpha2code":"CA","name":"Canada","currencyId":1,"vatRate":"0.00","locale":"en-CA","languageCode":"en","taxName":"VAT","currency":{"id":1,"code":"USD","name":"United States dollar","format":"$%%value%%"},"regions":[{"countryCode":"CA","code":"AB","name":"Alberta"},{"countryCode":"CA","code":"BC","name":"British Columbia"},{"countryCode":"CA","code":"MB","name":"Manitoba"},{"countryCode":"CA","code":"NB","name":"New Brunswick"},{"countryCode":"CA","code":"NL","name":"Newfoundland and Labrador"},{"countryCode":"CA","code":"NS","name":"Nova Scotia"},{"countryCode":"CA","code":"ON","name":"Ontario"},{"countryCode":"CA","code":"PE","name":"Prince Edward Island"},{"countryCode":"CA","code":"QC","name":"Quebec"},{"countryCode":"CA","code":"SK","name":"Saskatchewan"},{"countryCode":"CA","code":"NT","name":"Northwest Territories"}]},{"alpha2code":"GB","name":"United Kingdom","currencyId":2,"vatRate":"0.20","locale":"en-GB","languageCode":"en-gb","taxName":"VAT","currency":{"id":2,"code":"GBP","name":"Pound sterling","format":"£%%value%%"},"regions":[]},{"alpha2code":"FR","name":"France","currencyId":3,"vatRate":"0.20","locale":"fr-FR","languageCode":"fr","taxName":"VAT","currency":{"id":3,"code":"EUR","name":"Euro","format":"€%%value%%"},"regions":[]},{"alpha2code":"DE","name":"Germany","currencyId":3,"vatRate":"0.19","locale":"de-DE","languageCode":"de","taxName":"VAT","currency":{"id":3,"code":"EUR","name":"Euro","format":"€%%value%%"},"regions":[]},{"alpha2code":"AT","name":"Austria","currencyId":3,"vatRate":"0.20","locale":"de-AT","languageCode":"de","taxName":"VAT","currency":{"id":3,"code":"EUR","name":"Euro","format":"€%%value%%"},"regions":[]},{"alpha2code":"AU","name":"Australia","currencyId":4,"vatRate":"0.10","locale":"en-AU","languageCode":"en-au","taxName":"GST","currency":{"id":4,"code":"AUD","name":"Australian Dollar","format":"AU$%%value%%"},"regions":[{"countryCode":"AU","code":"NSW","name":"New South Wales"},{"countryCode":"AU","code":"QLD","name":"Queensland"},{"countryCode":"AU","code":"SA","name":"South Australia"},{"countryCode":"AU","code":"VIC","name":"Victoria"},{"countryCode":"AU","code":"WA","name":"Western Australia"},{"countryCode":"AU","code":"TAS","name":"Tasmania"},{"countryCode":"AU","code":"ACT","name":"Australian Capital Territory"},{"countryCode":"AU","code":"NT","name":"Northern Territory"}]}], countriesGroup: [{"alpha2code":"DE","name":"Germany","currencyId":3,"vatRate":"0.19","locale":"de-DE","languageCode":"de","taxName":"VAT","currency":{"id":3,"code":"EUR","name":"Euro","format":"€%%value%%"},"regions":[]},{"alpha2code":"AT","name":"Austria","currencyId":3,"vatRate":"0.20","locale":"de-AT","languageCode":"de","taxName":"VAT","currency":{"id":3,"code":"EUR","name":"Euro","format":"€%%value%%"},"regions":[]}], downsell: { enabled: false, value: 0, }, shipping: { price: NaN, }, products: [{"id":577,"price":49.95},{"id":579,"price":134.87},{"id":578,"price":94.91},{"id":580,"price":169.83},{"id":581,"price":34.95},{"id":582,"price":9.99}] }; </script> <script src="/jquery-3.5.0.min.js"></script> <script src="/CheckoutSDK.js?v=v9"></script> <script src="/checkout.js?v=v9" defer></script> <script src="/assets/shared/card-js.min.js" defer></script> <!-- Google Tag Manager --> <script> (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-5ML39LH'); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); </script> <!-- End Google Tag Manager --> <script src="https://browser.sentry-cdn.com/7.23.0/bundle.min.js" integrity="sha384-Mqx4gjAfMVnjto4g6paOi9soU92U+jP57Wgk/jDXP1sEOt4vVl1WB8yfFTupIdXB" crossorigin="anonymous"></script> <script src="https://browser.sentry-cdn.com/7.23.0/bundle.tracing.min.js" integrity="sha384-SLecuM36xJH2NzNgjBKu5fDtb6NdPvpx7rjBYlUq2HlKcEqblisdxBl8cuy7uiB1" crossorigin="anonymous"></script> <script> Sentry.init({ dsn: "https://9d4c19d105a244fbb75e3d28cf64ee9e@o4504272872341504.ingest.sentry.io/4504272873783296", release: 'landingpage-router@v9', integrations: [new Sentry.BrowserTracing()], tracesSampleRate: 0.5, }); </script> <script type="text/javascript" src="https://www.trk2dkt.com/scripts/sdk/everflow.js"></script> <script type="text/javascript"> const getCookie = (cname) => { var name = cname + '='; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') { c = c.substring(1); } if (c.indexOf(name) === 0) { return c.substring(name.length, c.length); } } return ''; }; let transactionId = EF.urlParameter('_ef_transaction_id') || EF.urlParameter('transaction_id') || getCookie('clickId') EF.click({ offer_id: EF.urlParameter('oid'), affiliate_id: EF.urlParameter('pub_id') || EF.urlParameter('affid'), sub1: EF.urlParameter('sub1'), sub2: EF.urlParameter('sub2'), sub3: EF.urlParameter('sub3'), sub4: EF.urlParameter('sub4'), sub5: EF.urlParameter('sub5'), uid: EF.urlParameter('uid'), source_id: EF.urlParameter('source_id'), transaction_id: transactionId, }) .then((createdTransactionId) => { if (!transactionId && createdTransactionId && typeof createdTransactionId === 'string') { const url = new URL(window.location); url.searchParams.set('transaction_id', createdTransactionId); window.history.pushState(null, '', url.toString()); } }); </script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "inbx39ye45"); </script> <script> /* * @param {Object} variables - e.g. { "userId": "#UID#", "userAgent": "#UA#", "referer": "#REFERER#" } * @returns {Promise<Object>} */ function queryHypertune(variables) { const query = `query Content($userId: String!, $userAgent: UserAgent!, $referer: String!){root(context:{environment: "PRODUCTION", user:{id: $userId, userAgent: $userAgent, referer: $referer}}){exampleFlag userId}}`; return fetch(`https://edge.hypertune.com/graphql?token=U2FsdGVkX18buKDzHBuYONTlutooCxI9YQNUW8Z%2FH%2FQ%3D&body=${ encodeURIComponent(JSON.stringify({ query, variables })) }`, { method: "GET", redirect: "follow", referrerPolicy: "no-referrer-when-downgrade", keepalive: true }) .then((response) => { return response.json(); }) .then((result) => { if (result.data) { return result.data; } throw result; }); } </script> <style> .header { font-size: 21px; } progress::-webkit-progress-value { background-color: #e51f28 !important; } .discount-bar { font-size: 21px; max-height: 70px; } @media screen and (max-width: 769px) { .progress { width: 70%; } .header { font-size: 12px; font-weight: 800; } } html, body { max-width: 100%; overflow-x: clip; } .card-container__outline { border: 1px solid #e1e1e1 !important; box-shadow: none !important; } input[type=radio]:not(:checked)~.radio-container { display: none; } input[type=radio]:checked { background-color: #06f; border: 0; transition: all .3s ease-out; } input[type=radio]:checked+label { background: #f7f8f9; border: 1px solid #e6e9eb; } #payment-select-form>label:not(:last-child) { border-bottom: 1px solid #b9c4c9; } input[type=radio] { background-color: #fff; border: 1px solid #b9c4c9; border-radius: 50%; height: 20px; transition: border-color .2s ease-out, box-shadow .2s ease-out; width: 20px; } #payment-select-form { display: flex; flex-direction: column; border: 1px solid #b9c4c9; border-radius: 5px; } #payment-select-form .input-payment-logo { position: absolute; right: 0; top: 1em; } #form-summary { border: 1px solid #b9c4c9; border-radius: 5px; } #form-summary span { position: absolute; right: 10px; top: 0; } </style> </head> <body class="checkout" style="position: relative"> <div class="loader-2"> <div class="inner has-text-centered"> <div class="section"> <h1 class="is-title is-size-3 has-text-weight-bold is-uppercase">Schritt 1</h1> <p class="is-size-4 has-text-black loader-title"></p> <div class="cssProgress mb-3"> <div class="progress2"> <div class="cssProgress-bar cssProgress-success cssProgress-active" data-percent="0" style="width: 0%" ></div> </div> </div> <div class="loader-steps mb-4 p-4 is-size-4 has-text-black is-flex is-flex-direction-column is-align-items-start" style="background: #f9f9f9" ></div> </div> <div class="columns m-0 ad-container has-background-light is-justify-content-space-between" > <div class="column is-4"> <p>Anzeigen gesehen auf</p> <img src="/assets/shared/checkout/img/logos/ads.png" alt="" /> </div> <div class="column is-4 has-text-right"> <div> <em class="fas fa-star has-text-warning"></em> <em class="fas fa-star has-text-warning"></em> <em class="fas fa-star has-text-warning"></em> <em class="fas fa-star has-text-warning"></em> <em class="fas fa-star has-text-warning"></em> <strong>5/5</strong> </div> <p>Liebe dieses Produkt! schneller Versand! Ich empfehle es sehr!<br /> - Sandra M. , Berlin </p> </div> </div> </div> </div> <script> function showLoader(loader) { const language = window.location.href.indexOf('region=de') >= 0 ? 'de' : (window.location.href.indexOf('ln=es') >= 0 ? 'es' : 'en'); const loaderTwoSteps = { en: [ { step: 'Checking availability', substeps: [ "<span class='has-text-weight-bold is-size-5-mobile'>Checking Warehouse #1...</span>", "<span><i class='fas fa-times-circle has-text-danger'></i> SOLD OUT</span>", "<span class='has-text-weight-bold is-size-5-mobile'>Checking Warehouse #2...</span>", "<span><i class='fas fa-check-circle has-text-success'></i> 22 Units Available</span>", ], }, { step: 'Checking Discount', substeps: ["<span class='has-text-weight-bold is-size-5-mobile'>Verifying Current Offer...</span>"], }, ], de: [ { step: 'Überprüfung der Verfügbarkeit', substeps: [ "<span class='has-text-weight-bold is-size-5-mobile'>Kontrolle des Lagers #1...</span>", "<span><i class='fas fa-times-circle has-text-danger'></i> AUSVERKAUFT</span>", "<span class='has-text-weight-bold is-size-5-mobile'>Kontrolle des Lagers #2...</span>", "<span><i class='fas fa-check-circle has-text-success'></i> 22 Einheiten verfügbar</span>", ], }, { step: 'Überprüfung des Rabatts', substeps: ["<span class='has-text-weight-bold is-size-5-mobile'>Aktuelles Angebot verifizieren...</span>"], }, ], es: [ { step: 'Comprobar la disponibilidad', substeps: [ "<span class='has-text-weight-bold is-size-5-mobile'>Comprobación del almacén #1...</span>", "<span><i class='fas fa-times-circle has-text-danger'></i> AGOTADO</span>", "<span class='has-text-weight-bold is-size-5-mobile'>Comprobación del almacén #2...</span>", "<span><i class='fas fa-check-circle has-text-success'></i> 22 unidades disponibles</span>", ], }, { step: 'Descuento por cheques', substeps: ["<span class='has-text-weight-bold is-size-5-mobile'>Verificación de la oferta actual...</span>"], }, ], }[language]; let step = 0; let substep = 0; let width = 0; let interval; const loaderTwoStep = () => { if (substep >= loaderTwoSteps[step].substeps.length) { step++; substep = 0; } if (step >= loaderTwoSteps.length) { clearInterval(interval); setTimeout(function () { $('.loader-2').fadeOut(); }, 50); return; } width += 100 / loaderTwoSteps.length / loaderTwoSteps[step].substeps.length; $('.loader-2 .loader-title').html(loaderTwoSteps[step].step); $('.loader-2 .loader-steps').append(loaderTwoSteps[step].substeps[substep]); $('.cssProgress-active').css('width', width + '%'); substep++; }; if (loader === 1 || loader === 2) { interval = setInterval(loaderTwoStep, 1500); $('.loader-2').addClass('is-active'); loaderTwoStep(); } } if (window.location.href.indexOf('loader=1') >= 0 || window.location.href.indexOf('loader=2') >= 0) { showLoader(2); } </script> <style> .ad-container { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .loader-2 .progress2 .cssProgress-bar { height: 30px; border-radius: 4px; position: static; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; background-color: #66bb6a !important; } .loader-2 .inner { width: calc(100% - 40px); max-width: 850px; margin: 60px auto; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; } @media screen and (max-width: 1139px) { .loader-2 { overflow: scroll; } .loader-2 .inner { margin: 1em 0; width: 100%; } } </style> <script type="text/javascript" src="//app.storyblok.com/f/storyblok-latest.js"></script> <script type="text/javascript"> storyblok.init(); // On the change event refresh the window storyblok.on('change', function() { window.location.reload(true); }); </script> <header> <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" type="text/css" /> <div class="banner "> <div class="banner-content"> <span class="black-friday">HAPPY NEW YEAR</span> <span class="sale">SALE</span> <div class="discount"> <span class="up-to">UP TO <!--<span class="b_f_promo_code is-hidden-touch ms-2">PROMO CODE: NEWYEAR25</span>--> </span> <span class="percent">70%<br class="show-mob"> OFF</span> </div> <div class="countdown-bf"> <div class="mob-sale-box"> <span class="black-friday-mob">HAPPY NEW YEAR</span> <span class="sale-mob">SALE</span> </div> <!--<span class="b_f_promo_code is-hidden-desktop ms-2">PROMO CODE: NEWYEAR25</span>--> <span class="limited-time">LIMITED TIME OFFER, SALE ENDS IN</span> <div class="timer"> <div><span class="time" id="hours">06</span><span class="deks-time">HOURS</span><span>HRS</span></div> <div><span class="time" id="minutes">57</span><span class="deks-time">MINUTES</span><span>MINS</span></div> <div><span class="time" id="seconds">52</span><span class="deks-time">SECONDS</span><span>SECS</span></div> </div> </div> </div> </div> <style> .show-mob { display: none; } .banner { background: url('/assets/shared/checkout/img/banners/newyear/eos2.png') no-repeat left top, #100f0f; padding: 20px 10px; display: flex; align-items: center; justify-content: space-between; justify-content: center; } .banner-content { display: flex; align-items: center; gap: 25px; } .b_f_promo_code { color: #000; background: #acf4a1; background-color: #acf4a1; border-radius: 5px; padding: 2px 4px; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; } .black-friday { font-family: 'Poppins', sans-serif; font-size: 69px; font-style: italic; font-weight: 900; line-height: 82.8px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; } .black-friday-mob, .sale-mob { display: none; } .sale { font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: 700; line-height: 48px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000; width: 150px; height: 50px; background: linear-gradient(90deg, rgba(255, 223, 0, 1) 8.91%, rgba(236, 134, 0, 1)100%); } .sale-mob { background: linear-gradient(90deg, rgba(255, 223, 0, 1) 8.91%, rgba(236, 134, 0, 1)100%); } .discount { /* display: flex; align-items: flex-start; flex-direction: column; */ } .up-to { font-family: 'Poppins', sans-serif; font-size: 18px; font-style: italic; font-weight: 600; line-height: 27px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFDF00; position: absolute; top: 18px; } .percent { font-family: 'Poppins', sans-serif; font-size: 68px; font-style: italic; font-weight: 900; line-height: 81.6px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFDF00; position: relative; top: 5px; } .countdown-bf { display: flex; flex-direction: column; align-items: center; } .limited-time { font-family: Poppins; font-size: 18px; font-weight: 600; line-height: 27px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: white; } .timer { display: flex; gap: 28px; margin-top: 2px; } .timer div { display: flex; flex-direction: column; align-items: center; } .time { font-family: Poppins; font-size: 26px; font-weight: 700; line-height: 39px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000; background: linear-gradient(180deg, rgba(255, 223, 0, 1) 0%, rgba(236, 134, 0, 1) 100%); width: 51px; padding: 6px 0px; } .timer div span:last-child { font-family: Poppins; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; margin-top: 5px; display: none } .deks-time { font-family: Poppins; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; margin-top: 5px; } @media only screen and (max-width:1370px) { .b_f_promo_code { padding: 4px 6px; font-size: 12px !important; } .black-friday, .percent { font-size: 50px; } .sale { font-family: 'Poppins', sans-serif; font-size: 30px; font-style: italic; font-weight: 700; line-height: 40px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; width: 110px; height: 40px; border-radius: 4px; } .time { font-family: Poppins; font-size: 22px; font-weight: 700; line-height: 38px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; width: 43px; padding: 0px 0px; } .limited-time { font-family: Poppins; font-size: 16px; font-weight: 600; line-height: 27px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: white; } .timer div span:last-child { font-family: Poppins; font-size: 10px; font-weight: 700; line-height: 18px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; margin-top: 5px; } .deks-time { font-family: Poppins; font-size: 10px; font-weight: 700; line-height: 18px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; margin-top: 5px; } .timer { display: flex; gap: 20px; margin-top: 2px; } } @media only screen and (max-width:1080px) { .black-friday, .percent { font-family: Poppins; font-size: 35px; font-style: italic; font-weight: 900; line-height: 42px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .sale { font-family: 'Poppins', sans-serif; font-size: 21px; font-style: italic; font-weight: 700; line-height: 31px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; width: 85px; height: 30px; border-radius: 4px; } .up-to { font-family: 'Poppins', sans-serif; font-size: 12px; font-style: italic; font-weight: 600; line-height: 21px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000; position: absolute; top: 25px; } .limited-time { font-family: Poppins; font-size: 12px; font-weight: 600; line-height: 22px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: white; } .deks-time { display: none; } .timer div span:last-child { display: block; } .time { font-family: Poppins; font-size: 15px; font-weight: 700; line-height: 24px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; width: 27px; padding: 0px 0px; } .banner-content { display: flex; align-items: center; gap: 20px; } } @media only screen and (max-width:790px) { .show-mob { display: block; } } @media only screen and (max-width:790px) { .show-mob { display: block; } .show-des { display: none; } .mob-sale-box { display: flex; align-items: center; gap: 10px; } .black-friday { display: none; } .sale { display: none; } .black-friday-mob { display: block; font-family: Poppins; font-size: 22px; font-style: italic; font-weight: 900; line-height: 32.4px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: white; } .sale-mob { display: block; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; line-height: 23px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000; width: 60px; } .banner { background-color: url('/assets/shared/checkout/img/banners/newyear/eos2.png') no-repeat left top, #100f0f; padding: 10px 5px; display: flex; align-items: center; justify-content: space-between; justify-content: center; } .percent { font-family: Poppins; font-size: 40px; font-style: italic; font-weight: 900; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .banner-content { display: flex; align-items: flex-end; gap: 15px; } .up-to { font-family: 'Poppins', sans-serif; font-size: 14px; font-style: italic; font-weight: 600; line-height: 21px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFDF00; position: absolute; top: 20px; } } @media only screen and (max-width:380px) { .black-friday-mob { display: block; font-family: Poppins; font-size: 20px; font-style: italic; font-weight: 900; line-height: 27.4px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: white; } .percent { font-family: Poppins; font-size: 30px; font-style: italic; font-weight: 900; line-height: 30px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } } </style> <script> function updateCountdown() { const now = new Date(); const nextMidnight = new Date(); nextMidnight.setHours(24, 0, 0, 0); const timeRemaining = nextMidnight - now; const seconds = Math.floor((timeRemaining / 1000) % 60); const minutes = Math.floor((timeRemaining / 1000 / 60) % 60); const hours = Math.floor((timeRemaining / (1000 * 60 * 60)) % 24); document.getElementById('hours').textContent = String(hours).padStart(2, '0'); document.getElementById('minutes').textContent = String(minutes).padStart(2, '0'); document.getElementById('seconds').textContent = String(seconds).padStart(2, '0'); } setInterval(updateCountdown, 1000); updateCountdown(); </script> <header class="container-xxl"> <!-- xmas --> <!-- 18 Products Remain bar --> <div class="container is-flex is-flex-direction-column is-align-items-center is-justify-centered mt-1 mb-4"> <span class="my-2 discount-bar" style="background-color: white; color: black; font-weight: 700; font-family: 'Montserrat', sans-serif"> <style> #products-remain, span.product_remain_strong { color: #ff0000; } #products-remain::-moz-progress-bar { background-color: #ff0000 !important; } #products-remain::-webkit-progress-value { background-color: #ff0000 !important; } </style> <p>Only <b><span class="ProseMirror__styled">18</span></b> Products Remain!</p> </span> <progress id="products-remain" class="progress is-normal" value="80" max="100" style="max-width: 400px"></progress> </div> <!-- banner --> <style> @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap'); .event-banner-img { height: 60%; position: absolute; left: -30%; top: 0; bottom: 0; margin: auto 0; } </style> <div class="is-hidden-mobile" style="height: 250px; position: relative"> <img src="https://a.storyblok.com/f/160399/2000x250/485519e539/background-image.png" style="z-index: -2; position: absolute; width: 100%; height: 250px; object-fit: cover" /> <div class="container is-fullhd is-flex is-flex-direction-row is-justify-content-space-between is-align-items-center" style="height: 100%" > <img src="https://a.storyblok.com/f/160399/300x38/f49f52ae00/ultraxtend-logo-white-blue.svg" alt="" class="ml-5" style="max-width: 320px; width: 100%; max-height: 200px; object-fit: contain" /> <div class="is-relative" style="height: 100%"> <img style="height: 100%; object-fit: contain" class="mr-5" src="https://a.storyblok.com/f/160399/800x800/2c3f7f3a90/800x800-ultraxtend.png" alt="" /> </div> </div> </div> <div class="is-hidden-tablet is-flex is-flex-direction-column is-align-items-center" style="position: relative; height: 300px" > <img src="https://a.storyblok.com/f/160399/400x300/12441fa17f/checkout-banner-mobile.png" style="z-index: -1; width: 100%; height: 100%; position: absolute; top: 0; object-fit: cover" alt="" /> <div class="container is-fullhd is-flex is-flex-direction-column is-justify-content-space-between is-align-items-center" > <img style="max-height: 100px; height: 100%; max-width: 90%" class="mt-4" src="https://a.storyblok.com/f/160399/300x38/f49f52ae00/ultraxtend-logo-white-blue.svg" alt="" /> <div class="is-relative" style="max-height: 150px"> <img style="height: 100%; width: 100%; object-fit: contain" src="https://a.storyblok.com/f/160399/800x800/2c3f7f3a90/800x800-ultraxtend.png" alt="" /> </div> </div> </div> <div class="text-under-banner has-text-centered py-2" style="background: #00259A;"> <strong class="py-1" style="font-family: 'Montserrat', sans-serif; color: #ffffff">Boost Your Internet Range Now!</strong> </div> <!-- end of season --> <!-- intro --> <style> .product-features-banner { color: #ffffff; } </style> <div class="topbar" style="background-color: #0052BF; margin-top: -3px;"> <div class="container columns is-mobile"> <div class="product-features-banner column is-half-mobile is-flex is-justify-content-center is-align-items-center"> <span class="icon is-large"> <i class="fas fa-signal is-size-3"></i> </span> <b class="pl-1 is-size-6 is-size-7-mobile">Holen Sie sich ultraschnelles Internet</b> </div> <div class="product-features-banner column is-half-mobile is-flex is-justify-content-center is-align-items-center"> <span class="icon is-large"> <i class="fas fa-mobile-alt is-size-3"></i> </span> <b class="pl-1 is-size-6 is-size-7-mobile">Kleines Gerät</b> </div> <div class="product-features-banner column is-half-mobile is-flex is-justify-content-center is-align-items-center"> <span class="icon is-large"> <i class="fas fa-wrench is-size-3"></i> </span> <b class="pl-1 is-size-6 is-size-7-mobile">Einfache Plug & Play-Installation</b> </div> <div class="product-features-banner column is-half-mobile is-flex is-justify-content-center is-align-items-center"> <span class="icon is-large"> <i class="fas fa-money-bill-wave is-size-3"></i> </span> <b class="pl-1 is-size-6 is-size-7-mobile">Keine zusätzlichen Kosten</b> </div> </div> </div> </header> <!-- <section class="checkout"> --> <div class="container px-2"> <div class="downsell-text is-hidden"> €0 AUS NÄCHSTE BESTELLUNG WURDE ANGEWENDET! </div> <div class="payment mt-4 mb-6"> <div class="columns mt-0"> <div id="error-box" class="column is-12" style="background: red; width: 100%; padding: 20px; margin: 10px 0; display: none"> <strong>Got error while processing the order</strong> <p class="error-content"></p> </div> </div> <div class="columns"> <!-- left hand column --> <div class="column is-6"> <!-- card 1 - Limited time offer --> <div class="card mt-1 mb-3 card-container__outline"> <div class="media" style="align-items: center"> <div class="media-left"> <figure class="image is-64x64"> <img src="/assets/shared/checkout/img/70-discount-badge.png" alt="percent discount" /> </figure> </div> <div class="media-content"> <p><b>Ihr Rabatt von bis zu 70% wurde angewendet</b><br /><b><span class="has-text-danger"> LIMITED TIME OFFER:</span></b><b> UltraXtend WiFi ist zum </b><b><s>€99.99</s></b><b> </b><b><span class="ProseMirror__styled">€49.95 </span></b><b>verfügbar (bis zu 70% Rabatt pro Einheit)</b></p> </div> </div> </div> <!-- card 2 - Product--> <div class="card mb-3 card-container__outline"> <h3 class="mb-3" style="display: flex; align-items: center"> <span class="icon is-small mr-2"> <i class="fas fa-walking"></i> </span> <p><b>Schritt 1</b>: Anzahl des Produkts auswählen</p> </h3> <div class="product-options columns is-desktop is-multiline is-1" data-name="Quantity"> <style> div.option.option-quantity.is-active { border: 3px solid #0052BF !important; } </style> <div class="column is-half-desktop"> <div class="option option-quantity is-clickable " data-product-id="577" data-quantity="1" > <span class="option-badge" style="background-color: #0052BF">AM BELIEBTESTEN</span> <div class="columns" style="display: flex; align-items: center"> <div class="column is-5" style="display: flex; justify-content: center; flex-wrap: wrap"> <img src="https://a.storyblok.com/f/160399/74e9791d66/product1.png" alt="" style="width: 100%; max-width: 100px; height: auto; margin: 0 auto;"/> </div> <div class="column is-7 has-text-centered 0"> <p class="is-size-4 has-text-weight-bold">1x</p> <p class="has-text-weight-bold" style="font-size: 12px"> UltraXTend WiFi </p> <p class="is-size-5 has-text-grey-light price-old reg-price" style="text-decoration: line-through" data-price="99.99"> €99.99 </p> <p class="is-size-3-mobile is-size-4 has-text-success has-text-weight-bold price" data-price="49.95"> €49.95<span class="is-size-6">/ Stk</span> </p> </div> </div> </div> </div> <style> div.option.option-quantity.is-active { border: 3px solid #0052BF !important; } </style> <div class="column is-half-desktop"> <div class="option option-quantity is-clickable is-recommended is-active" data-product-id="579" data-quantity="3" > <span class="option-badge" style="background-color: #0052BF">AM BELIEBTESTEN</span> <div class="columns" style="display: flex; align-items: center"> <div class="column is-5" style="display: flex; justify-content: center; flex-wrap: wrap"> <img src="https://a.storyblok.com/f/160399/26186b5ef2/product3.png" alt="" style="width: 100%; max-width: 100px; height: auto; margin: 0 auto;"/> </div> <div class="column is-7 has-text-centered 0"> <p class="is-size-4 has-text-weight-bold">3x</p> <p class="has-text-weight-bold" style="font-size: 12px"> UltraXTend WiFi </p> <p class="is-size-5 has-text-grey-light price-old reg-price" style="text-decoration: line-through" data-price="299.70"> €99.90 </p> <p class="is-size-3-mobile is-size-4 has-text-success has-text-weight-bold price" data-price="134.87"> €44.96<span class="is-size-6">/ Stk</span> </p> </div> </div> </div> </div> <style> div.option.option-quantity.is-active { border: 3px solid #0052BF !important; } </style> <div class="column is-half-desktop"> <div class="option option-quantity is-clickable " data-product-id="578" data-quantity="2" > <span class="option-badge" style="background-color: #0052BF">AM BELIEBTESTEN</span> <div class="columns" style="display: flex; align-items: center"> <div class="column is-5" style="display: flex; justify-content: center; flex-wrap: wrap"> <img src="https://a.storyblok.com/f/160399/f14a82dd5b/product2.png" alt="" style="width: 100%; max-width: 100px; height: auto; margin: 0 auto;"/> </div> <div class="column is-7 has-text-centered 0"> <p class="is-size-4 has-text-weight-bold">2x</p> <p class="has-text-weight-bold" style="font-size: 12px"> UltraXTend WiFi </p> <p class="is-size-5 has-text-grey-light price-old reg-price" style="text-decoration: line-through" data-price="199.80"> €99.90 </p> <p class="is-size-3-mobile is-size-4 has-text-success has-text-weight-bold price" data-price="94.91"> €47.45<span class="is-size-6">/ Stk</span> </p> </div> </div> </div> </div> <style> div.option.option-quantity.is-active { border: 3px solid #0052BF !important; } </style> <div class="column is-half-desktop"> <div class="option option-quantity is-clickable " data-product-id="580" data-quantity="4" > <span class="option-badge" style="background-color: #0052BF">AM BELIEBTESTEN</span> <div class="columns" style="display: flex; align-items: center"> <div class="column is-5" style="display: flex; justify-content: center; flex-wrap: wrap"> <img src="https://a.storyblok.com/f/160399/8c14ea75e6/product4.png" alt="" style="width: 100%; max-width: 100px; height: auto; margin: 0 auto;"/> </div> <div class="column is-7 has-text-centered 0"> <p class="is-size-4 has-text-weight-bold">4x</p> <p class="has-text-weight-bold" style="font-size: 12px"> UltraXTend WiFi </p> <p class="is-size-5 has-text-grey-light price-old reg-price" style="text-decoration: line-through" data-price="399.60"> €99.90 </p> <p class="is-size-3-mobile is-size-4 has-text-success has-text-weight-bold price" data-price="169.83"> €42.46<span class="is-size-6">/ Stk</span> </p> </div> </div> </div> </div> </div> </div> </div> <!-- right hand column --> <div class="column is-6"> <!-- card 2 - Product Intro--> <div class="card card-container__outline"> <!-- form --> <head> <script> // form must have class named "validation-form" and inputs with required tag function validateFormFields(isPayPal = false) { let errors = []; let requiredInputs = document.querySelector('.validation-form').querySelectorAll(".required"); let requiredLabelInfo = document.querySelectorAll('.input-label__error'); let removeError = (input, index) => { input.classList.remove('error'); if (requiredLabelInfo[index]) { requiredLabelInfo[index].innerHTML = ""; } }; let addError = (input, index, message) => { errors.push({ input, index, message }) input.classList.add('error'); if (requiredLabelInfo[index]) { requiredLabelInfo[index].innerHTML = `${message}`; requiredLabelInfo[index].style.display = "block"; } }; let validateField = (input, index, requiredLabelInfo) => { if (input.value.length === 0 || input.selectedIndex == -1 || input.value === 'selectItem') { addError(input, index, "Dieses Feld ist verpflichtend"); } else if (input.name === "email") { const re = /\S+@\S+\.\S+/ if (!re.test(input.value)) { addError(input, index, "Verwende eine gültige E-Mail-Adresse"); } else { removeError(input, index); } } else if (isPayPal === false && input.name === "phone") { if (input.value.length <= 5) { addError(input, index, "Verwende eine gültige Telefonnummer"); } else { removeError(input, index); } } else if (input.name === "zip") { if (input.value.length <= 2) { addError(input, index, "Gültige Postleitzahl angeben"); } else { removeError(input, index); } } else if (input.name === "region") { if (input.value === 'selectItem' || input.value === 'N/A') { addError(input, index, "Dieses Feld ist verpflichtend"); } else { removeError(input, index); } } else if (input.name === "address1" || input.name === "address2") { if(input.value.toLowerCase().includes('po box') && region.toUpperCase() === 'CA') { addError(input, index, "Due to the Canada Post strike, we are unable to deliver to PO Box addresses at this time."); } else { removeError(input, index); } } else { removeError(input, index); } } for (const [index, input] of requiredInputs.entries()) { validateField(input, index, requiredLabelInfo); input.addEventListener('blur', function() { validateField(input, index, requiredLabelInfo); }) input.addEventListener('keyup', function() { validateField(input, index, requiredLabelInfo); }) } return errors; } </script> <style> html { scroll-behavior: smooth; } select.error, input.error { background-color: #f9ecea !important; border: 1px solid #cc4b37 !important; } .input-label__error { font-size: .8rem; word-break: break-word; color: #cc4b37; display: none; } </style> </head> <style> body { scroll-behavior: smooth; } input[type='submit'] { background-color: #0052BF; } input[type='submit'] { height: auto; white-space: normal; background: #29af5c; border: none; font-weight: bold; color: white; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%); transition: 0.25s all; padding: 20px; width: 100%; } input[type='submit']:disabled { transform: scale(1.0); background-color: grey; } input[type='submit']:hover { cursor: pointer; } </style> <h3 class="mb-2 is-flex is-align-items-center"> <span class="icon is-small mr-2"> <i class="fas fa-info"></i> </span> <p><b>Schritt 2: Verfügbare Zahlungsmethoden</b></p> </h3> <div class="box"> <div class="column is-12 is-flex is-align-items-center py-2"> <img src="https://a.storyblok.com/f/160399/67x16/00649e265e/paypal.png" alt="" class="credit-card" /> <div><p>Bezahlen mit Paypal</p></div> </div> <div class="column is-12 is-flex is-align-items-center py-2"> <img src="https://a.storyblok.com/f/160399/x/5dd6a2d6ea/gpay.svg" alt="" class="credit-card" /> <div><p>Bezahlen mit GPay</p></div> </div> <div class="column is-12 is-flex is-align-items-center py-2"> <img src="https://a.storyblok.com/f/160399/x/7b00f030ad/visa.svg" alt="" class="credit-card" /> <img src="https://a.storyblok.com/f/160399/x/fb86bfb4ee/mastercard.svg" alt="" class="credit-card" /> <img src="https://a.storyblok.com/f/160399/x/7ffacc847f/discover.svg" alt="" class="credit-card" /> <img src="https://a.storyblok.com/f/160399/x/2b0ca49fc6/amex.svg" alt="" class="credit-card" /> <div><p>Visa, Mastercard, Discovery oder AMEX</p></div> </div> </div> <div class="mb-2 is-size-5 is-flex is-align-items-center"> <h1><b>Ihre Informationen</b></h1> </div> <form action="" class="form validation-form" id="address-form"> <div class="field stage-1"> <label class="label"> Country </label> <div class="select is-fullwidth"> <select class="input" name="country"> <option disabled>Select Country</option> <option selected value="US">United States</option> <option value="CA">Canada</option> </select> </div> </div> <div class="field stage-1"> <label class="label"> E-Mail Adresse </label> <div class="control has-icons-right"> <input class="input required" name="email" placeholder="E-Mail Adresse" type="email" id="email" /> <span class="icon is-small is-right"><i class="fas fa-envelope"></i></span> <label class="error input-label__error"></label> </div> </div> <div> <div class="field stage-1"> <label class="label"> Zip/Postcode </label> <div class="control"> <input class="input required" name="zip" minlength="2" placeholder="Zip/Postcode" type="text" /> <label class="error input-label__error"></label> </div> </div> </div> <div class="field is-hidden stage-2"> <label class="label"> Vorname </label> <div class="control"> <input class="input required" name="firstName" placeholder="Vorname" type="text" /> <label class="error input-label__error"></label> </div> </div> <div class="field is-hidden stage-2"> <label class="label"> Nachname </label> <div class="control"> <input class="input required" name="lastName" placeholder="Nachname" type="text" /> <label class="error input-label__error"></label> </div> </div> <div class="field is-hidden stage-2"> <label class="label"> Straße und Hausnummer </label> <div class="control"> <input class="input required" name="address1" placeholder="Straße und Hausnummer" type="text" maxlength="35" /> <label class="error input-label__error"></label> </div> </div> <div class="field is-hidden stage-2"> <label class="label"> Adresszusatz/ Firma/ c/o </label> <div class="control"> <input class="input" name="address2" placeholder="Adresszusatz/ Firma/ c/o " type="text" maxlength="35" /> </div> </div> <div class="field is-hidden stage-2"> <label class="label"> Stadt </label> <div class="control"> <input class="input required" name="city" placeholder="Stadt" type="text" /> <label class="error input-label__error"></label> </div> </div> <div id="select-state"> <div class="field is-hidden stage-2"> <label class="label">State</label> <div class="select mb-5" style="width: 100%"> <select data-country="US" class="input required" name="region"> <option class="default" value="selectItem" disabled selected hidden>Select State</option> </select> <label class="error input-label__error"></label> </div> </div> </div> <div class="field is-hidden stage-2"> <label class="label"> Telefonnummer </label> <div class="control"> <input class="input required" name="phone" required minlength="5" placeholder="Telefonnummer" type="tel" /> </div> </div> <input id="continue-button" type="submit" value="Continue" class="is-size-5 p-3 my-3" style="background-color: black" /> </form> <div id="form-summary" class="is-hidden is-relative p-3"> <div id="form-summary-content"></div> <span id="edit-summary" class="p-4 is-clickable has-text-link has-text-weight-bold"><p>bearbeiten</p></span> </div> <section id="payment-section" class="is-hidden"> <div id="payment-component"> <h3 class="mt-5 mb-4 has-text-weight-bold is-flex is-align-items-center"> <span class="icon is-small mr-2"> <i class="fas fa-credit-card"></i> </span> Schritt 3: Zahlungsmethoden </h3> <div> <div id="payment-select-form" class="p-2"> <label class="p-3 is-relative is-flex is-align-items-center"> <input type="radio" checked="checked" name="radio" id="paypalCheckbox"> <span class="mx-2">Paypal</span> <img class="input-payment-logo" src="/assets/shared/checkout/img/logos/paypal.svg" alt="paypal" /> <div class="radio-container py-2"> <script src="https://www.paypal.com/sdk/js?currency=EUR&intent=authorize&commit=false&client-id=AVp1bsoszN5NQ0OwwO3Kqwa-RimBrZu6H16r-uSL_xFO4vTvOhcs2VfNWLsyLvHnrrK90YXagJAmGC_D&disable-funding=card%2Cbancontact%2Cblik%2Ceps%2Cideal%2Cmercadopago%2Cmybank%2Csepa%2Csofort&enable-funding=paylater"></script> <script defer> $(document).ready(() => { window.projectECheckout.state.enabledPaymentProviders.push('PayPal'); let showPopup = true; let fundingSource; paypal .Buttons({ style: { layout: 'vertical', label: 'pay', height: 45, }, onClick: (data) => { fundingSource = data.fundingSource }, async createOrder(data, actions) { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'purchaseButtonClick' }); /// https://developer.paypal.com/sdk/js/reference/#createorder return actions.order.create({ intent: 'AUTHORIZE', commit: false, payment_source: { paypal: { experience_context: { shipping_preference: 'GET_FROM_FILE', user_action: 'CONTINUE', return_url: 'https://ultraxtend.gogogadgets.io/callback', }, }, }, purchase_units: [{ amount: { currency_code: window.config.currency, value: window.projectECheckout.state.amount.total } }], }); }, async onApprove(data, actions) { if (showPopup) { const currentAmount = window.projectECheckout.state.amount.total + 0; window.projectECheckout.dispatchEvent(new Event('OpenUpsellPopup')); window.projectECheckout.addEventListener('UpsellPopupClosed', async () => { showPopup = false; const newAmount = window.projectECheckout.state.amount.total; if (false && Number(currentAmount) < Number(newAmount)) { await actions.order.patch([{ op: 'replace', path: `/purchase_units/@reference_id=='default'`, value: { amount: { currency_code: window.config.currency, value: newAmount } } }]) $('.loading').css('display', 'flex').hide().fadeOut(400); actions.restart(); } else { window.projectECheckout.selectPaymentMethod('paypal'); window.projectECheckout.handlePayPalApprove({ paymentEntityId: "616511c3-9c18-4eb4-940b-02bea050abca", ...data, fundingSource, }, actions); } }); } else { window.projectECheckout.selectPaymentMethod('paypal'); window.projectECheckout.handlePayPalApprove({ paymentEntityId: "616511c3-9c18-4eb4-940b-02bea050abca", returnUrl: 'https://ultraxtend.gogogadgets.io/callback?o=%orderId%', ...data, fundingSource, }, actions); } }, }) .render('#paypal-button-container'); }); </script> </div> </label> <script> $(document).ready(() => { if ($("#paypalCheckbox").is(':checked')) { $("#paypal-button-container").show() $("#submit-button").hide() } else { $("#paypal-button-container").hide() $("#submit-button").show() } $("input[type=radio]").change(function() { if ($(this).attr("id") === 'paypalCheckbox') { $("#paypal-button-container").show() $("#submit-button").hide() } else { $("#paypal-button-container").hide() $("#submit-button").show() } }); }) </script> <!-- regex for removing tags from incoming storyblok text to prevent breaking html structure --> <label class="p-3 is-relative"> <input type="radio" name="radio" id="Adyen-credit-card"> <span class="mx-2">Kreditkarte</span> <span class="input-payment-logo is-flex is-justify-content-center is-align-items-center"> <img src="/assets/shared/checkout/img/logos/visa.svg" alt="" class="credit-card" /> <img src="/assets/shared/checkout/img/logos/mastercard.svg" alt="" class="credit-card" /> <img src="/assets/shared/checkout/img/logos/amex.png" alt="" class="credit-card" /> </span> <div class="radio-container Adyen-container py-2"> <script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/5.51.0/adyen.js" integrity="sha384-FJWX32BY0zx3KKed9gdiWxoEAEsA3uh1ixchmdkflgtcDo+SoYg5ZD6uqvDmnafO" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/5.51.0/adyen.css" integrity="sha384-k6qYnmoHaucEm97eQQAs3MK5e44JQ2sksrue2tfdDOnnedKzc0VYQwxzdYWZu8Mj" crossorigin="anonymous"> <div id="AdyenForm" class="form"> <div class="field" id="encryptedCardNumber"> <label class="label"> Kartennummer </label> <div class="control has-icons-right"> <span class="input" data-cse="encryptedCardNumber"></span> <span class="icon is-small is-right" style='display: none'><i class="fas fa-exclamation-triangle"></i></span> </div> <p class="help is-danger" style='display: none'> Ungültige Kreditkartennummer </p> </div> <div class="field" id="encryptedExpiryDate"> <label class="label"> Gültig bis </label> <div class="control has-icons-right"> <span class="input" data-cse="encryptedExpiryDate"></span> <span class="icon is-small is-right" style='display: none'><i class="fas fa-exclamation-triangle"></i></span> </div> <p class="help is-danger" style='display: none'> Dieses Ablaufdatum ist ungültig </p> </div> <div class="field" id="encryptedSecurityCode"> <label class="label"> CVV </label> <div class="control has-icons-right"> <span class="input" data-cse="encryptedSecurityCode"></span> <span class="icon is-small is-right " style='display: none'><i class="fas fa-exclamation-triangle"></i></span> </div> <p class="help is-danger" style='display: none'> Dieser CVV ist ungültig </p> </div> </div> <script defer> $(document).ready(async () => { window.projectECheckout.state.enabledPaymentProviders.push('Adyen'); const configuration = { environment: 'LIVE', clientKey: 'live_6C6UO3CE6NEBTAAYWNBVXK2VKUFXFXKV', session: { id: 'CS1E022ADC0F6B0BD4', sessionData: 'Ab02b4c0!BQABAgA9VgPneQZeTi/C6JydG/1VvD8nm+SO/7qP6btBYV51EJZM3TAx6HN83CEjQJ7Fvdac8LQHo4vP6P9o1LD0MHMhzEx/+cPKGTJbgGTBuMCrBrQMkhFLBE4sG7a5G7m8nFrct4tjA6FHbrz7MUwsbKUy+4eTf/ELGVOIIm88F8eBhk+sf+z1sGDQG3nyQ6f90+4ZhOTTJXW93uWhAAHns6GHK4Nb9X4GmAkdoPhfZNtWjhFYQqS4CAC6Ee8Me9/8f1OG4p3IDn119E2qBKRzvk7P+CiyWHf6gAEAqT2QwSe/EMNsClHl42ZGY06tFR1X5iFYsPVW1TI4cQhKfcgT7W94WKgeptc211G0lO5gI+G2w/Y8ZYnGCiAtt017Z4478wH8z625QZAflJqRigafYnTA50l4kTTpFf6amvsq3hz90uQomPHBWaZ+zqIerbU2fPf4MwpE5xVLp1dtgVnz2IFMFNOz4H5MNVZd4jlIhRefLTUELcmOW/RUrYIOUew9tuDax7N1C837Nki/l+NM+wCXa00ChqWX40HPhVROkt4b/NcByf9POtD0yYTJ8sMkq5Jx68LHUIvZFhDqorIx5VII4+XcUCZ69Baqg9loyqfdh2dNTafx5stwctLL7Clq9L+RaIbeNmepMzNXhKJwdyOBm5spFBls/4l97K+OyKRE3Az3KatMCboM3VMOK8cASnsia2V5IjoiQ0MyRDVDQUQwRUM2MUNEMTRBQkJGRDIxOEExMUE1MThBQUU0QzI1MjkwRkU5OUI3QzMwQkE2QzI5MkM0RkVBRiJ93V+/jBddRbAwKfHgQokUe3RxkKYq0EdsCNOWt9K08AQU6FuxaGPxtYTz3uufsa0E4RFFm6scv4pbPYnG3iZvzrVimrk45JVTRsHmm0d8Avd1YIinmJWKhutK0vKro+njNz5bHSFxz0NyYnk6ma8DbqvN7gOsU920i6ANH44vZKwMlBU2AA3JI52QPI/er6FUPTu/wj0VAFqQ+gA6/E9f+pYFHLN9Nf8qCiehLf2b1j6rXPu5bmullbSqOkK+g7nT+yt4i+wz57l9WDPxk5nE+cHKOcZGWxPIZLIKOfTh+z8Ps35ncTo2oTJT5gHJwhxoQFferISoMDz4wAz58n5f9wZlBSIOrzb+y/i7bmqWXuDVAGZTugdtomr9zGXyXJ6tFQMgp/ZiOlgr9hy+4awxWQ9z881tR0te78dvT3w57IWkscxNSswWXufCm7o9avD2w4ijAOd4RReZrysnZ7wTxNeUR1M2PVxP8y3sEdv9aU+0xhDM+mwin1iO9kACC6oIh18h22dAEDSbILovVSaqmtSCbK+3fV4eKdAJ9cltZE2BVNnRMfwSqvzHmHaHIGkYvp/lqwqJxvvxWnu+I7JI2hwb8g2A3LPkq/TOSYDlUFs34vkoVqIHESJcLxRR3EiKaIMwG7vl1zsLelaDmDyYrxYAcfKagR7rjoSbEN+VUlJPrBI8OH4G3qP7OIa30C8972quUA2J/p65FZjSiQg1jB81quB8J3Qh2ldlxgNWyRJBKY7zFRLsDQDHZ5MAzZseoauI3rqYR4GrlQlw/xwQxRHwpkyVutsvAKMB7QJkj1BFczbzCAyLFiyjcd/cWcdVAAxO3FNaMLK/91ssViLmnhvCMv8+bTZ91byNshaS57R4VvEglxNPwiyJf1G0/J7ag7zB/X5lVb7uA6jnWGSvYnOu0kTohgI1OjupwzWPMpoYkMOVEVd2BWmey707Q2WAB81gosLgb0r9GOx6maoDBHo0av6Oofqtr4eVEmS5cCtFFSZWAs7Kvaf9GY7zjYvLk0YypxUvXp4z0zU9hMjKlrU5D5O6rTVcTEHA6HXZkzmu2IZcD/9qc2SALgsGmxBVaxMu5YWRVExX' }, }; const checkout = await AdyenCheckout(configuration); window.projectECheckout.adyen = checkout; const dropinComponent = checkout.create('securedfields', { onFieldValid(state) { const inputRoot = $(state.rootNode).find('#' + state.fieldType); if (inputRoot) { $(inputRoot).find('.is-right').fadeOut(); $(inputRoot).find('.help').fadeOut(); } }, onChange(state) { if (state.isValid) { window.projectECheckout.selectPaymentMethod('adyen'); window.projectECheckout.setPaymentData({ paymentEntityId: "bc00df60-3a5e-488c-8f0c-da225f39d3cd", returnUrl: 'https://ultraxtend.gogogadgets.io/callback?o=%orderId%', sid: 'CS1E022ADC0F6B0BD4', state: state.data, }); const form = $('#address-form'); form.submit(); } if (state.errors) { for (const field of Object.keys(state.errors)) { const error = state.errors[field]; if (error) { const inputRoot = $(error.rootNode).find('#' + field); if (inputRoot) { $(inputRoot).find('.is-right').fadeIn().display = 'flex !important'; $(inputRoot).find('.is-right').display = 'flex !imporant'; $(inputRoot).find('.help').text(error.errorI18n).fadeIn(); } } } } }, onBrand(state) { document .getElementById('AdyenForm') .dispatchEvent(new CustomEvent('ReceivedAdyenPaymentBrand', { detail: state })); }, }).mount('#AdyenForm'); }) </script> </div> </label> </div> </div> </div> </section> <div class="mt-3 has-text-centered cart"> <p class="is-size-6 has-text-grey"> Summe </p> <p style="font-size: 10px"> Die Versandkosten und Steuern werden bei der Kaufbestätigung verrechnet </p> <span class="is-size-3 has-text-weight-bold price">$45.96</span> </div> <div class="show-on-last-step is-hidden"> <div id="paypal-button-container" style="margin-top: 20px"></div> <input id="submit-button" type="submit" value="JETZT BESTELLEN" disabled class="is-size-5 p-3 my-3" /> </div> <!-- credit card image --> <div class="badges has-text-centered mt-5"> <img alt="" src="/assets/shared/checkout/img/logos/checkout_secure.png" /> </div> <script> let stage = 1; const continueButton = $('#continue-button'); const stage1Inputs = $('.stage-1 input, .stage-1 select').toArray(); const stage2Fields = $('.stage-2'); const stage2Inputs = $('.stage-2 input, .stage-2 select').toArray(); const paymentSection = $('#payment-section'); const submitButton = $("#submit-button"); const summaryForm = $("#form-summary"); const addressForm = document.getElementById('address-form'); const summaryFormContent = document.getElementById("form-summary-content"); $(document).ready(function() { $(document).on("click", "#edit-summary", function() { stage = 2; summaryFormContent.innerHTML = ''; paymentSection.toggleClass('is-hidden'); continueButton.removeClass('is-hidden'); summaryForm.addClass('is-hidden'); addressForm.style.display = "block"; }); }); continueButton.click(function(event) { event.preventDefault(); const invalidStage1Inputs = stage1Inputs.filter(elem => elem.validity.valueMissing); const invalidStage2Inputs = stage2Inputs.filter(elem => elem.validity.valueMissing); if (stage === 1) { if (invalidStage1Inputs.length === 0) { stage2Fields.toggleClass('is-hidden'); stage = 2; } else { addressForm.reportValidity(); } } else if (stage === 2) { if (invalidStage1Inputs.length === 0 && invalidStage2Inputs.length === 0) { addressForm.style.display = "none"; summaryForm.removeClass('is-hidden'); paymentSection.toggleClass('is-hidden'); $('.show-on-last-step').removeClass('is-hidden'); continueButton.toggleClass('is-hidden'); submitButton.prop('disabled', false); const form = $('#address-form'); let customer = { firstName: $(form).find('[name=firstName]').val(), lastName: $(form).find('[name=lastName]').val(), email: $(form).find('[name=email]').val(), phone: $(form).find('[name=phone]').val() ? $(form).find('[name=phone]').val() : '', address1: $(form).find('[name=address1]').val(), address2: $(form).find('[name=address2]').val(), city: $(form).find('[name=city]').val(), country: $(form).find('[name=country]').val(), state: $(form).find('[name=region]').val() ? $(form).find('[name=region]').val() : '', zipcode: $(form).find('[name=zip]').val() }; summaryFormContent.innerHTML = `<strong> ${customer.firstName} ${customer.lastName} </strong> <br> ${customer.address1} ${customer.address2} ${customer.city}, ${customer.country} ${customer.state} ${customer.zipcode} <br> ${customer.email} ${customer.phone}`; const body = $("html, body"); body.animate({ scrollTop: $("#form-summary").offset().top - 110, }, 0); } else { addressForm.reportValidity(); } } }); </script> <!-- info --> <hr /> <div class="pb-2" style="display: flex; align-items: top"> <span class="icon is-small is-right pt-2 pr-3" style="color: #0052BF"> <i class="fas fa-check"></i> </span> <p><p><b>WiFi Deadspots beseitigen: V</b>erbessern Sie die WiFi-Abdeckung in und um Ihr Haus</p></p> </div> <div class="pb-2" style="display: flex; align-items: top"> <span class="icon is-small is-right pt-2 pr-3" style="color: #0052BF"> <i class="fas fa-check"></i> </span> <p><p><b>Einfache Plug & Play-Installation: </b>Einfach einstecken und schnelleres Internet genießen.</p></p> </div> <div class="pb-2" style="display: flex; align-items: top"> <span class="icon is-small is-right pt-2 pr-3" style="color: #0052BF"> <i class="fas fa-check"></i> </span> <p><p><b>Superschnelle Datenübertragung:</b> Datenübertragung mit bis zu 300 Mb/s</p></p> </div> <hr /> <div style="display: flex; align-items: top; justify-content: center"> <span class="icon is-small is-right pt-2 pr-3" style="color: #008900"> <i class="fas fa-lock"></i> </span> <p style="text-shadow: 1px 1px 1px rgb(0 0 0 / 20%); font-size: 1rem"> <p><b>SSL-Zahlung</b></p> </p> </div> <div class="has-text-centered" style="text-shadow: 1px 1px 1px rgb(0 0 0 / 20%); font-size: 1rem"> <p>Ihre persönlichen Daten werden sicher mit 256-Bit-SSL verschlüsselt</p> </div> </div> </div> </div> </div> </div> <section class="faq"> <p> Eine Frage haben? <span>Siehe unsere FAQs</span> </p> <div class="container is-hidden"> <div class="questions"> <div class="faq-item is-active"> <div class="question"> Wie funktioniert UltraXTend? </div> <div class="answer is-clipped"> <p>UltraXTend verbindet sich zunächst mit Ihrem bestehenden Wifi-Netzwerk (oder direkt mit Ihrem Router über ein Ethernet-Kabel). Dann sendet es das vorhandene Signal mit mehr Stärke und Reichweite in Ihrem Haus oder Büro.</p> </div> </div> <div class="faq-item is-active"> <div class="question"> Wie sieht Ihr Rückgaberecht für UltraXtend aus? </div> <div class="answer is-clipped"> <p>Wir bieten ein 30-tägiges Rückgaberecht für UltraXtend. Wenn Sie mit Ihrem Kauf nicht zufrieden sind, können Sie ihn innerhalb von 30 Tagen ab dem Eingangsdatum der Bestellung zurückgeben.</p> </div> </div> <div class="faq-item is-active"> <div class="question"> Was ist die Reichweite von UltraXTend? </div> <div class="answer is-clipped"> <p>UltraXTend erweitert die Reichweite Ihres bestehenden WiFi-Netzwerks auf bis zu 50 Fuß. Bitte beachten Sie, dass dies von Ihrem Haus abhängt: von der Dicke Ihrer Wände, der Art des Materials, das das Signal blockieren kann und mehr. Wenn Sie dicke Wände, mehrere Stockwerke oder ein großes Haus haben, ziehen Sie bitte den Kauf mehrerer UltraXTend in Betracht, um das beste Ergebnis zu erzielen.</p> </div> </div> <div class="faq-item is-active"> <div class="question"> Kann ich dieses Produkt in einem Geschäft kaufen? </div> <div class="answer is-clipped"> <p>Nein, UltraXTend ist nur online auf der offiziellen Website erhältlich: <a href="http://ultraxtend.gogogadgets.io" target="_self">ultraxtend.gogogadgets.io</a>. Jede andere Website, die behauptet, UltraXTend zu verkaufen, könnte ein Betrug sein, also seien Sie bitte vorsichtig. </p> </div> </div> <div class="faq-item is-active"> <div class="question"> Wo ist der beste Platz für mein UltraXTend? </div> <div class="answer is-clipped"> <p>Um optimale Ergebnisse zu erzielen, platzieren Sie Ihr UltraXTend bitte so, dass die LED-Anzeigen volle Stärke anzeigen, wenn Sie es mit Ihrem bestehenden WiFi-Netzwerk verbinden. Stellen Sie Ihr UltraXTend in der Nähe des Ortes auf, an dem Sie sich mit Ihrem WiFi-fähigen Gerät befinden. Für größere Wohnungen und Büros sollten Sie den Kauf mehrerer UltraXTend in Betracht ziehen, um optimale Ergebnisse zu erzielen.</p> </div> </div> <div class="faq-item is-active"> <div class="question"> Produktmerkmale </div> <div class="answer is-clipped"> <p>5GHZ Verbindung</p><p>Schnelle Datenübertragung</p><p>WiFi-Verschlüsselung: WPA/WPA2</p><p>Kompakt</p><p>Erreicht mehrere Räume</p><p>Verbindet sich mit mehreren Geräten</p> </div> </div> <div class="faq-item is-active"> <div class="question"> Will the UltraXtend increase my internet speed? </div> <div class="answer is-clipped"> <p>Der UltraXtend verbessert die Internetabdeckung in und um Ihr Haus.</p> </div> </div> <div class="faq-item is-active"> <div class="question"> Produktspezifikationen </div> <div class="answer is-clipped"> <p>Name: UltraXtend </p><p>Abmessungen: 8x9x9cm</p><p>Gewicht: 109g</p><p>Farbe: Weiß</p><p>Geschwindigkeit: bis zu 300Mb/s</p> </div> </div> <div class="faq-item is-active"> <div class="question"> Product Specifications </div> <div class="answer is-clipped"> <p>Name: UltraXtend <br />Dimensions: 8x9x9cm<br />Weight: 109g<br />Colour: White<br />Speed: up to 300Mb/s</p> </div> </div> </div> </div> </section> <section class="footer"> <div class="container-xxl"> <div class="columns"> <div class="column is-4"> <div><h2><b>LINKS</b></h2></div> <ul> <li><a href="https://techwidget.co/contact/" target="_blank"> Kontakt </a></li> <li> <a href="https://techwidget.co/terms-conditions/" target="_blank"> Nutzungsbestimmungen </a> </li> <li><a href="https://techwidget.co/privacy-policy/" target="_blank"> Datenschutzbestimmung </a></li> <li> <a href="https://techwidget.co/returns-refunds/" target="_blank"> Rücksendung & Rückerstattung </a> </li> <li> <a href="https://lvl11.everflowclient.io/affiliate/signup" target="_blank"> Partner werden </a> </li> </ul> </div> <div class="column is-4"> <div><h2><b>GARANTIE</b></h2></div> <div><p>Wir bieten eine 30-tägige Geld-zurück-Garantie.</p></div> <p>*Please follow our <a href="https://techwidget.co/returns-refunds/" class="has-text-link">Return & Refund</a> policy</p> </div> <div class="column is-4"> <img src="https://a.storyblok.com/f/160399/300x38/f49f52ae00/ultraxtend-logo-white-blue.svg" onerror="this.onerror=null;this.src='/assets/checkout/img/logo.svg';" alt="" width="250" /> <p>Copyright © UltraXtend | All Rights Reserved</p> </div> </div> </div> </section> <section class="upsell" id="upsell"> <div class="upsell-overlay"></div> <div class="upsell-inner"> <div class="upsell-close"> <img alt="" src="/assets/shared/checkout/img/icon-close.png" class="finish-order" /> </div> <div class="upsell-header"> <span> AUFGEPASST </span><br /> WIR HABEN EIN SONDERANGEBOT FÜR SIE </div> <div class="upsell-content"> <div class="upsell-cart"> <h2><span>DIESEN ARTIKEL ZU IHRER BESTELLUNG HINZUFÜGEN:</span></h2> <div class="columns"> <div class="column is-2 is-offset-2 has-images"> <div class="check-icon"> <i class="fa fa-check"></i> </div> <div class="has-image"> <img src="https://a.storyblok.com/f/160399/302x250/824afb7cb2/banner-img.png" alt="" /> </div> </div> <div class="column is-4 has-titles"> <p class="upsell-product-title">1x UltraXTend WiFi</p> </div> <div class="column is-2 has-price has-text-right"> <p class="has-text-danger"> <b class="upsell-product-oldprice">$83.32</b> </p> <p> <b class="upsell-product-price">$49.99</b> </p> </div> </div> </div> <div id="upsell-offers" class="upsell-offers"> <h2><span>DIESES ANGEBOT ZU IHRER BESTELLUNG HINZUFÜGEN: </span></h2> <div class="upsell-offer"> <div class="columns is-multiline is-mobile"> <div class="column is-3-tablet is-6-mobile"> <div class="has-image"> <img src="https://a.storyblok.com/f/160399/74e9791d66/product1.png" alt="" style="width: 100%; max-width: 100px; height: auto; margin: 0 auto;"/> </div> </div> <div class="column is-6 has-titles has-text-centered is-hidden-tablet"> <p class="has-text-danger"> <b class="upsell-compare-price" data-price="99.99">€99.99</b> </p> <p> <b class="upsell-price" data-price="34.95">€34.95</b> </p> <div class="field has-addons has-addons-centered qty-buttons"> <p class="control"> <button class="button qty-subtract"> <i class="fa fa-minus"></i> </button> </p> <p class="control"> <input class="input" type="number" value="1" min="1" max="99" readonly name="qty-upsell" /> </p> <p class="control"> <button class="button qty-add"> <i class="fa fa-plus"></i> </button> </p> </div> </div> <div class="column is-6-tablet is-12-mobile has-titles"> <h2>+<span class="upsell-qty">1</span>UltraXtend WiFi</h2> <h3 style="color: green">Familie, Freunde, Geschenke </h3> </div> <div class="column is-3 has-titles has-text-centered is-hidden-mobile"> <p class="has-text-danger"> <b class="upsell-compare-price" data-price="99.99">€99.99</b> </p> <p> <b class="upsell-price" data-price="34.95">€34.95</b> </p> <div class="field has-addons has-addons-centered qty-buttons"> <p class="control"> <button class="button qty-subtract"> <i class="fa fa-minus"></i> </button> </p> <p class="control"> <input class="input" type="text" value="1" min="1" max="99" name="qty-upsell" /> </p> <p class="control"> <button class="button qty-add"> <i class="fa fa-plus"></i> </button> </p> </div> </div> <div class="column is-12 is-12-mobile"> <a href="#" class="button finish-upsell-button finish-order is-flex" data-product-id="581" > Ja, +<span class="upsell-qty">1</span> UltraXtend WiFi Für Nur <b class="upsell-price" data-price="34.95">€34.95</b> hinzufügen </a> </div> </div> </div> </div> <div class="has-text-centered"> <a class="button is-link finish-order-close" href="#"> <span class="is-hidden-mobile"> Nein, ich möchte meiner Bestellung keinen Bonus hinzufügen. </span> <span class="is-hidden-tablet"> Nein, ich möchte meiner Bestellung keinen Bonus hinzufügen. </span> </a> </div> </div> </div> </section> <section class="downsell" id="address-error-modal"> <div class="inner"> <div class="close"> <i class="fas fa-times-circle"></i> </div> <h1> We couldn't verify your address, if you are sure your address is correct, you can proceed with your order. </h1> <button class="button yes">Yes, my address is correct.</button> <button class="button no">No, I want to edit my address.</button> </div> </section> <div class="mobile-check is-hidden-mobile"></div> <div class="loading"> <div class="inner has-text-centered"> <img src="https://a.storyblok.com/f/160399/300x38/2df2e1175d/ultraxtend-logo-black-blue.svg" alt="" /> <p>Bitte Warten... Sie werden zur Website von SOFORT weitergeleitet.</p> <div class="cssProgress"> <div class="progress1"> <div class="cssProgress-bar cssProgress-success cssProgress-active" data-percent="0"></div> </div> </div> </div> </div> <script> $(document).ready(function() { $('.faq > p').click(function() { $('.faq .container').toggleClass('is-hidden') }) $('button.button.show-checkout').click(function() { $('.hide-checkout').removeClass('is-hidden') $(this).addClass('is-hidden') }) showSalespop(); // limit zip field length /* const zipInput = $('input[name="zip"]'); const countrySelection = $('select[name="country"]'); countrySelection.change(setZipMaxLength); function setZipMaxLength() { if (countrySelection.val() === 'US') { zipInput.attr('maxlength', 5); } else { zipInput.attr('maxlength', 8); } } setTimeout(() => setZipMaxLength(), 1000); */ }) </script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5ML39LH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script> // on load $(document).ready(function() { const eventObject = { // Sum of (price * quantity) for all items. value: window.projectECheckout.state.amount.items, shipping: window.projectECheckout.state.amount.shippingCost, currency: `${window.config.currency}`, items: [ window.projectECheckout.state.lineItems.forEach((item, index)=> { { item_id: item.campaignPackageId; index: index; price: window.projectECheckout.state.amount.items / item.quantity; quantity: item.quantity } }) ] }; // begin_checkout event const form = $('#address-form'); let sendLeadTimeout; $(form) .find('[name=email]') .keyup((event) => { if (sendLeadTimeout) { clearTimeout(sendLeadTimeout); } sendLeadTimeout = setTimeout(() => { gtag("event", "begin_checkout", { ...eventObject }); }, 1000); }); // select_item event $('.product-options').on('click', '.option', function() { gtag("event", "select_item", { ...eventObject, }); }); // on add payment info event window.projectECheckout.addEventListener("ReceivedPaymentData", function() { gtag("event", "add_payment_info", { payment_type: window.projectECheckout.state.selectedPaymentMethod, ...eventObject }); }); }); </script> </body> </html>