VELUX Tet艖ablak webáruház

<!DOCTYPE html> <html> <head> <script> window.shop = { configurator: {}, language: 'hu-HU' }; </script> <script type="text/javascript"> var dataLayer = [{page_id:"pageId" ,page_type: "home", country:"Hungary",language:"hu-HU",http_code: "200", customer_status: "not logged in"}];var dataLayer2 = {application_type:"eVRW", country_code:"HU", page_type:"home", cms_build_version:"9.3"}; var dlObject = window.dataLayer = window.dataLayer || [];dlObject.push(dataLayer2);window.shop = Object.assign(window.shop || {}, { currencyCode: 'HUF' }); </script> <title>VELUX Tet艖ablak webáruház</title> <meta name="robots" content="follow, index"> <meta name="description" content="VELUX tet艖téri ablak webáruház, eredeti VELUX tet艖téri ablakok vásárlása a gyártótól " /> <meta property="og:locale" content="hu_HU" /> <meta property="og:title" content="Tet艖ablak webáruház - Kezd艖lap" /> <meta property="og:description" content="VELUX tet艖téri ablak webáruház, eredeti VELUX tet艖téri ablakok vásárlása a gyártótól " /> <meta property="og:image" content="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/img/300/rw-angle-ggu.jpg" /> <meta property="og:image:type" content="jpg" /> <meta property="og:image:width" content="220" /> <meta property="og:image:height" content="271 " /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://tetoablak.veluxshop.hu/" /> <link rel="canonical" href="https://tetoablak.veluxshop.hu/" />  <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://sgtm.veluxshop.hu/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KMKJNW84');</script> " <meta name="google-site-verification" content="Z5xLUFMWNpg5sZv2Kh1SGwsMTlDikzC5UCWm-DkQ2SU" /> <meta charset="utf-8" /> <meta name="copyright" content="VELUX A/S" /> <meta content="width=device-width, initial-scale=1" name="viewport"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link href="/dist/css/all?v=aAIZemMfqseJdMPcwOTQ_k2WPZVjBFfenPKW-B5m9uI1" rel="stylesheet"/> </head> <body ng-app="veluxShop" ng-controller="shopController"> <script src="/dist/js/footer?v=f8Fqn-AM0AAs787ou6eprgOlraneYi9bJUIVdWJF8HQ1"></script> <input name="__RequestVerificationToken" type="hidden" value="p4nYNg26qKTrsA6nmQ7WN30ERiNmCczVfWa-KD0GAB8wUqzt9IsxCZpJCDGj5_dn0Zv65eXqhknDJ8gp5fL6WItpr3iky7KNFpkAwAHjwzU1" /> <div id="main"> <main> <section class="warning-message-bar ng-cloak" ng-controller="warningMessageController"> </section> <section class="utility-bar"> <div class="grid-noBottom"> <div class="col-4"> </div> <div class="col-8 -tRight"> <ul> <li> <a href="/vevoszolgalat/kiszallitas" >Sz谩ll铆t谩s</a> </li> <li> <a href="/vevoszolgalat/visszakuldes" >Visszak眉ld茅s </a> </li> <li> <a href="/vevoszolgalat/kapcsolatfelvetel" >Vev艖szolg谩lat kapcsolat</a> </li> <li class="payment-icons"> </li> </ul> </div> </div> </section> <section class="header-logo-menu"> <div class="container"> <div class="grid-noBottom-middle"> <div class="col-12"> <div class="logo-container"> <a href="/" > <img class="velux-logo" src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/logo/velux_logo.svg" alt="VELUX" /> <span class="shop-name">Tet艖ablak web谩ruh谩z</span> </a> </div> <div class="nav-container"> <div class="grid-noBottom-middle-right nav-top-bar"> <div class="mini-basket"> <checkout-virtual-basket></checkout-virtual-basket> </div> <div class="nav-toggle grid-middle-noBottom-noGutter"> <div class="toggle-element">MEN脺</div> </div> </div> <div class="nav-bottom-bar"> <nav> <aside class="site-search"> <input type="text" placeholder="Search..." /> <i class="search-icon fa fa-search fa-flip-horizontal"></i> </aside> <ul> <li class=" "> <a href="/" >Kezd艖 oldal <i class="nav-parent-icon fa fa-chevron-right"></i> </a> </li> <li class="nav-parent "> <a href="/tetoablak" >Tet艖t茅ri ablakok <i class="nav-parent-icon fa fa-chevron-right"></i> </a> <ul class="grid-3_xs-1_sm-1"> <li class="nav-header col"><i class="nav-back-icon fa fa-chevron-left"></i>Tet艖téri ablakok</li> <li class="col "> <a href="/minden-velux-billeno-tetoteri-ablak" class="grid" > <span class="nav-img-container col-4_xs-3"> <img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/productimages/inside/windows/ggl.png?h=130&w=130&la=hu-HU&hash=36F80C6C9552B10CDCAFC8D6B893E13C" alt="" /> </span> <span class="nav-text-container col-8"> <span class="nav-headline">Billen艖 tet艖ablakok</span> <span class="nav-description">Billen艖 tet艖t茅ri ablak v谩s谩rl谩sa</span> </span> </a> </li> <li class="col "> <a href="/tetoablak/felnyilo-tetoteri-ablakok" class="grid" > <span class="nav-img-container col-4_xs-3"> <img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/productimages/inside/windows/gpl.png?h=130&w=130&la=hu-HU&hash=F2870FA969BEF6F95B026D3AC1A7A7DF" alt="" /> </span> <span class="nav-text-container col-8"> <span class="nav-headline">Felny铆l贸 tet艖ablakok</span> <span class="nav-description">Felny铆l贸 tet艖t茅ri ablak v谩s谩rl谩sa</span> </span> </a> </li> <li class="col "> <a href="/tetoablak/automatizalt-tetoteri-ablakok" class="grid" > <span class="nav-img-container col-4_xs-3"> <img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/productimages/inside/windows/ggl-207021au.png?h=130&w=130&la=hu-HU&hash=E91EF18BF71490232F74DC2C610F35E6" alt="" /> </span> <span class="nav-text-container col-8"> <span class="nav-headline">Automatiz谩lt tet艖ablakok</span> <span class="nav-description">Elektromos vagy napelemes tet艖t茅ri ablak v谩s谩rl谩sa </span> </span> </a> </li> <li class="col "> <a href="/tetoablak/tetokibuvo" class="grid" > <span class="nav-img-container col-4_xs-3"> <img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/productimages/inside/windows/vlt.png?h=600&w=600&la=hu-HU&hash=EE8670D4B600793403BC711340B14B73" alt="" /> </span> <span class="nav-text-container col-8"> <span class="nav-headline">Tet艖kib煤v贸k</span> <span class="nav-description">F疟tetlen 茅s lakatlan padl谩sra </span> </span> </a> </li> <li class="col "> <a href="/tetoablak/3in1" class="grid" > <span class="nav-img-container col-4_xs-3"> <img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/productimages/inside/windows/ggls-206650le.png?h=960&w=960&la=hu-HU&hash=268B77E5594BF51062B5CC1B61757FA6" alt="" /> </span> <span class="nav-text-container col-8"> <span class="nav-headline">3in1 tet艖t茅ri ablakok</span> <span class="nav-description">Egyetlen tok. T枚bb mint h谩romszoros napf茅ny</span> </span> </a> </li> </ul> </li> <li class="nav-parent "> <a href="/ablakvalaszto-basic/step-1?id=GZL-MK06-1051Z" >Ablakv谩laszt贸 <i class="nav-parent-icon fa fa-chevron-right"></i> </a> <ul class="grid-3_xs-1_sm-1"> <li class="nav-header col"><i class="nav-back-icon fa fa-chevron-left"></i>Ablakválasztó</li> <li class="col "> <a href="/ablakvalaszto-basic/step-1?id=GZL-MK06-1051Z" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">Basic</span> <span class="nav-description"></span> </span> </a> </li> <li class="col "> <a href="/ablakvalaszto-standard/step-1?id=GLL-MK06-1061Z" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">Standard</span> <span class="nav-description"></span> </span> </a> </li> <li class="col "> <a href="/ablakvalaszto-standardplus/step-1?id=GLL-MK06-1064Z" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">Standard Plus</span> <span class="nav-description"></span> </span> </a> </li> <li class="col "> <a href="/ablakvalaszto-premium/step-1?id=GGL-MK06-3070" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">Premium</span> <span class="nav-description"></span> </span> </a> </li> </ul> </li> <li class=" "> <a href="/kiegeszitok" >Kieg茅sz铆t艖k <i class="nav-parent-icon fa fa-chevron-right"></i> </a> </li> <li class="nav-parent "> <a href="/vevoszolgalat" >Vev艖szolg谩lat <i class="nav-parent-icon fa fa-chevron-right"></i> </a> <ul class="grid-3_xs-1_sm-1"> <li class="nav-header col"><i class="nav-back-icon fa fa-chevron-left"></i>Vev艖szolgálat</li> <li class="col "> <a href="/vevoszolgalat/kapcsolatfelvetel" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">EGYSZER虐 kapcsolat </span> <span class="nav-description">Vegye fel a kapcsolatot a vev艖szolg谩lattal </span> </span> </a> </li> <li class="col "> <a href="/vevoszolgalat/kiszallitas" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">GYORS sz谩ll铆t谩s </span> <span class="nav-description">Hov谩 sz谩ll铆tunk? </span> </span> </a> </li> <li class="col "> <a href="/vevoszolgalat/termekbiztonsag-es-megfeleloseg" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">Term茅kbiztons谩g 茅s megfelel艖s茅g</span> <span class="nav-description">VELUX term茅kbiztons谩g 茅s megfelel艖s茅g</span> </span> </a> </li> <li class="col "> <a href="/vevoszolgalat/visszakuldes" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">Visszak眉ld茅s </span> <span class="nav-description">A visszak眉ld茅s szab谩lyai </span> </span> </a> </li> <li class="col "> <a href="/vevoszolgalat/fizetes" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">BIZTONS脕GOS fizet茅s </span> <span class="nav-description">Milyen fizet茅si t铆pusokat fogadunk el?</span> </span> </a> </li> <li class="col "> <a href="/vevoszolgalat/garancia" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">HOSSZ脷T脕V脷 garancia </span> <span class="nav-description">10 茅v garancia a VELUX tet艖t茅ri ablakokra</span> </span> </a> </li> <li class="col "> <a href="/vevoszolgalat/altalanos-szerzodesi-feltetelek" class="grid" > <span class="nav-text-container col-12"> <span class="nav-headline">Szerz艖d茅si felt茅telek</span> <span class="nav-description">Olvassa el a Szerz艖d茅si Felt茅teleket</span> </span> </a> </li> </ul> </li> <li class=" "> <a href="/vevoszolgalat/gyakran-ismetelt-kerdesek" >Gyakran Ism茅telt K茅rd茅sek <i class="nav-parent-icon fa fa-chevron-right"></i> </a> </li> <li> <li class="payment-icons"> </li> </li> </ul> </nav> </div> </div> </div> </div> </div> </section> <section class="hero-slider" ng-controller="heroController"> <div class="slide"> <div class="image"> <img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/hero/v-fr-rw-shop-home.jpg?h=500&w=1280&la=hu-HU&hash=651974C34BCC2DE982453B93DC60DFD8" alt="" /> </div> <div class="container"> <div class="grid-2-noGutter-left hero-content"> <div class="col-6_xs-8"> <h1> V谩lassza ki 茅s v谩s谩rolja meg VELUX tet艖t茅ri ablak谩t! </h1> <h2> T枚ltse meg tet艖ter茅t term茅szetes f茅nnyel! </h2> <div class="button dark left ico-right" ng-click="clickCta()"> <a href="/tetoablak" >Kiv谩lasztom a VELUX tet艖t茅ri ablakomat! <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div> </section> <section class="product-category-ws"> <div class="container"> <div class="grid-4_sm-3_xs-1-spaceBetween categories-container"> <div class="col"> <div class="bordered_xs-l"> <div class="category-container"> <div class="category-image"> <a href="/tetoablak/billeno-tetoteri-ablakok" ><img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/productimages/inside/windows/ggl.png?h=400&w=400&la=hu-HU&hash=FD4499DEFAD0522F5528C8FF2219303C" alt="" /></a> </div> <div class="category-content"> <h2><div style="margin-top:10px;">Billen艖 <br />tet艖t茅ri ablakok</div></h2> <div style="min-height:54px;"> <p>Megbízhatóság bármely helyzetben – tet艖téri ablak 80 év szakértelmével.</p> </div> <p class="product-campaign-price">   </p> </div> <div class="category-button"> <div class="button darkblue ico-right" onclick="trackGA('Prod_Config', 'Product select', 'Product type', '<div style="margin-top:10px;">Billen艖 <br />tet艖téri ablakok</div>')"> <a href="/tetoablak/billeno-tetoteri-ablakok" >Megn茅zem a billen艖 tet艖t茅ri ablakokat <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div><div class="col"> <div class="bordered_xs-l"> <div class="category-container"> <div class="category-image"> <a href="/tetoablak/felnyilo-tetoteri-ablakok" ><img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/productimages/inside/windows/gpl.png?h=400&w=400&la=hu-HU&hash=B6AAFC91B98687D14BF31A91FD46BA75" alt="" /></a> </div> <div class="category-content"> <h2> <div style="margin-top:10px;">Felny铆l贸<br />tet艖t茅ri ablakok</div></h2> <div style="min-height:54px;"> <p>Kilátás fels艖fokon – ideális választás, ha a tet艖téri ablak könnyen elérhet艖.</p> </div> <p class="product-campaign-price">   </p> </div> <div class="category-button"> <div class="button darkblue ico-right" onclick="trackGA('Prod_Config', 'Product select', 'Product type', ' <div style="margin-top:10px;">Felnyíló<br />tet艖téri ablakok</div>')"> <a href="/tetoablak/felnyilo-tetoteri-ablakok" >Megn茅zem a felny铆l贸 tet艖t茅ri ablakokat <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div><div class="col"> <div class="bordered_xs-l"> <div class="category-container"> <div class="category-image"> <a href="/tetoablak/automatizalt-tetoteri-ablakok" ><img src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/productimages/inside/windows/ggl-207021au.png?h=400&w=400&la=hu-HU&hash=192F2E0E2B62C796C9732D5B8761DE36" alt="" /></a> </div> <div class="category-content"> <h2> <div style="margin-top:10px;">Automatiz谩lt<br />tet艖t茅ri ablakok</div></h2> <div style="min-height:54px;"> <p>Távirányítás kényelme – tökéletes megoldás, ha innovatív ablakra vágyik</p> </div> <p class="product-campaign-price">   </p> </div> <div class="category-button"> <div class="button darkblue ico-right" onclick="trackGA('Prod_Config', 'Product select', 'Product type', ' <div style="margin-top:10px;">Automatizált<br />tet艖téri ablakok</div>')"> <a href="/tetoablak/automatizalt-tetoteri-ablakok" >Megn茅zem a elektromos tet艖t茅ri ablakokat <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="footer"> <footer> <div class="container"> <div class="grid-4_xs-1_sm-2-noBottom"> <div class="col"> <div class="footer-header">Term茅kek</div> <ul> <li> <a href="/tetoablak" >Tet艖t茅ri ablakok</a> </li> </ul> <ul> <li> <a href="/minden-velux-billeno-tetoteri-ablak" >Billen艖 tet艖ablakok</a> </li> </ul> <ul> <li> <a href="/tetoablak/felnyilo-tetoteri-ablakok" >Felny铆l贸 tet艖ablakok</a> </li> </ul> <ul> <li> <a href="/tetoablak/automatizalt-tetoteri-ablakok" title="Automatic roof windows" >Automatiz谩lt tet艖ablakok</a> </li> </ul> <ul> <li> <a href="/tetoablak/tetokibuvo" >Tet艖kib煤v贸k</a> </li> </ul> <ul> <li> <a href="" ></a> </li> </ul> <ul> <li> <a href="/kiegeszitok" >Kieg茅sz铆t艖k</a> </li> </ul> <ul> <li> <a href="https://www.veluxshop.hu" target="_blank" rel="noopener noreferrer" >脕rny茅kol贸 web谩ruh谩z</a> </li> </ul> <ul> <li> <a href="https://www.velux.hu/vasarlas/ce-jeloles" target="_blank" rel="noopener noreferrer" >Teljes铆tm茅nynyilatkozat</a> </li> </ul> <ul> <li> <a href="https://www.youtube.com/watch?v=EV3VrhY1-Oc&list=PLNSO87lQ5vyG_RUDTN6-7QoQoRmBo353S" target="_blank" rel="noopener noreferrer" >Term茅kbemutat贸 vide贸k</a> </li> </ul> </div> <div class="col"> <div class="footer-header">Kapcsolatfelv茅tel</div> <div class="contact-details"> <div class="contact-desc"><p><span style="color: black;">Bármilyen termékekkel vagy webáruházunkkal kapcsolatos kérdés esetén lépjen kapcsolatba vev艖szolgálatunkkal</span></p></div> </div> <div class="contact-details"> <div class="contact-phone grid"> <div class="col-2"><i class="fa fa-phone fa-lg"></i></div> <div class="col"> <div><b> +36 18 506 689</b></div> <div><br /> <p style="margin-left: 0cm;"><span>Hétf艖t艖l csütörtökig 08:00-16:30, pénteken 08:00-16:00</span></p></div> </div> </div> </div> <div class="contact-details"> <div class="contact-email grid"> <div class="col-2"><i class="fa fa-envelope-o fa-lg"></i></div> <div class="col"><a href="/vevoszolgalat/kapcsolatfelvetel" >Írjon nekünk</a></div> </div> </div> <div class="footer-badge"> <p>Szkennelje be a QR kódot és lépjen kapcsolatba velünk Viber keresztül</p> <p><img alt="" src="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/social-icons/hu-viber-edsp.png?h=80&w=80&la=hu-hu&hash=92EEB0D75FA897C09B111806BD9AF181" style="width: 80px; height: 80px;" /></p> </div> </div> <div class="col"> <div class="footer-header">脺gyf茅lszolg谩lat</div> <ul> <li> <a href="/vevoszolgalat/kiszallitas" >Sz谩ll铆t谩s</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/visszakuldes" >Visszak眉ld茅s</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/garancia" >Garancia</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/altalanos-szerzodesi-feltetelek" >Szerz艖d茅si felt茅telek</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/beepites" >Ablakbe茅p铆t茅s</a> </li> </ul> <ul> <li> <a href="https://www.velux.hu/vasarlas/vasarlas-utan/tetoablak-karbantartas" >Karbantart谩s</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/gyakran-ismetelt-kerdesek" >Gyakran Ism茅telt K茅rd茅sek</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/promocio" >Prom贸ci贸</a> </li> </ul> </div> <div class="col"> <div class="footer-header">Fizet茅si m贸dok</div> <ul> <li> <object class="payment-icon" type="image/svg+xml" data="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/paymenticons/payment_visa.svg">Visa</object> <object class="payment-icon" type="image/svg+xml" data="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/paymenticons/payment_mastercard.svg">Mastercard</object> <object class="payment-icon" type="image/svg+xml" data="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/paymenticons/payment_maestro_pos.svg">Maestro</object> <object class="payment-icon" type="image/svg+xml" data="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/creditcards/paypal.svg">PayPal</object> <object class="payment-icon" type="image/svg+xml" data="https://tetoablak.veluxshop.hu/-/media/roofwindowshop/master/paymenticons/prepayment_banktransfer.svg">Bank Transfer</object> </li> <li> <a href="/vevoszolgalat/fizetes" >Tov谩bbi inform谩ci贸 a fizet茅sr艖l</a> </li> </ul> <div class="footer-header">VELUX tet艖ablak web谩ruh谩z</div> <ul> <li> <a href="/vevoszolgalat/adatvedelmi-tajekoztato" >Adatv茅delem</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/jogi-nyilatkozat" >Jogi nyilatkozat</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/hasznalati-feltetelek" >Haszn谩lati felt茅telek</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/cookie-szabalyzat" >Cookie-szab谩lyzat</a> </li> </ul> <ul> <li> <a href="/vevoszolgalat/impresszum" >Impresszum</a> </li> </ul> </div> </div> </div> </footer> </section> </main> </div> <script type="text/ng-template" id="shopModal.tpl"> <div class="lightbox-content mid"> <div class="container"> <div class="grid"> <div class="col"> <h2>{{header}}</h2> </div> </div> <div class="grid"> <div class="col modal-content" ng-bind-html="text"> </div> </div> <div class="button lightblue right ico-right" ng-show="cancelText"> <a ng-click="onCancelClicked()">{{cancelText}} <i class="fa fa-times" aria-hidden="true"></i></a> </div> <div class="button darkblue right ico-right modal-cancel-button" ng-show="okText"> <a ng-click="onOkClicked()">{{okText}} <i class="fa fa-times" aria-hidden="true"></i></a> </div> </div> </div> </script> <script type="text/ng-template" id="windowConfiguratorTotals.tpl"> <div class="your-window-configuration"> <div class="grid-center image"> <div class="col-12_xs-8"> <img src="{{ windowImageUrl }}" alt="Window image" /> </div> </div> <div class="grid-2-noGutter-middle header-wrapper"> <h3></h3> </div> <shop-spiner watch-state="['updateproductquantity', 'getdata','ReplaceProductsInProductOption', 'DeleteProductByCode', 'addproduct']"></shop-spiner> <div class="grid-2-noGutter-middle details-wrapper" ng-repeat="p in currentConfiguringProduct"> <div class="col-9"> <div class="header">{{p.Name}}</div> <ul> <li>{{p.Vce}}</li> <li ng-repeat="(k, v) in p.Attributes" ng-if="v">{{v}}</li> </ul> <div class="remove" ng-hide="p.Category == 'WINDOW' || p.Category=='FLATROOF' || p.Category=='SUNTUNNEL'" ng-click="removeProduct(p)"></div> </div> <div class="col-3"> <div class="price"> <span class="amount">{{vatflag ? p.PriceWithVat : p.PriceExVat | currency : undefined: digits}}</span> </div> </div> </div> <div class="grid-noGutter price-wrapper"> <div class="col-6 ng-hide" ng-hide="allowbuyingmultipleproducts =='true'"> <h3></h3> </div> <div class="col-6 ng-hide" ng-hide="allowbuyingmultipleproducts =='true'"> <div class="price"> <span class="amount" ng-if="vatflag">{{cart.ProductsPriceWithVat | currency : undefined: digits}}</span> <span class="amount" ng-if="!vatflag">{{cart.ProductsPriceExVat | currency : undefined: digits}}</span> </div> <div class="vat-text small-text">{{textvat}}</div> </div> </div> </div> </script> <script type="text/ng-template" id="shopSpiner.tpl"> <div class="shop-loading" ng-show="loading || show"> <style> .shop-loading { display: block; position: absolute; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) 50% 50% no-repeat; text-align: center; } .shop-loading * { margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } </style> <img src="/content/images/checkout/loading.gif" /> </div> </script> <script type="text/ng-template" id="shopUpsells.tpl"> <section class="window-upsell" ng-show="products"> <div class="container"> <h2>{{title}}</h2> {{subtitle}} <div class="grid"> <shop-upsell-item product="upsell" digits="digits" ng-repeat="upsell in products"></shop-upsell-item> </div> </div> </section> </script> <script type="text/ng-template" id="shopUpsellItem.tpl"> <div class="col-9_xs-12_sm-12 bordered_xs-l window-upsell-box selector-upsellproduct"> <div class="grid-noBottom"> <div class="col-3_lg-3_md-3_sm-3_xs-5"> <img src="{{product.UpsellProductGroup.ProductImageInside.Src}}" height="249" /> </div> <div class="col-4_lg-4_md-4_sm-4_xs-7"> <h2>{{product.UpsellProductGroup.UpsellRelationTitle !="" ? product.UpsellProductGroup.UpsellRelationTitle : product.ParentProductGroup.UpsellRelationDefaultTitle }}</h2> <h3>{{product.UpsellProductGroup.Group}}</h3> <div class="price-indication"><p>{{upsell.UpsellLabel.StartingPriceLabel }} {{product.Price | currency : undefined: digits}}</p></div> <p>{{product.UpsellProductGroup.UpsellRelationDescription!="" ? product.UpsellProductGroup.UpsellRelationDescription : product.ParentProductGroup.UpsellRelationDefaultDescription}}</p> </div> <div class="col-5_lg-5_md-5_sm-5_xs-12"> <div class="configuration-title"> <h2>{{product.UpsellProductGroup.UpsellRelationConfigurationTitle != "" ? product.UpsellProductGroup.UpsellRelationConfigurationTitle : product.ParentProductGroup.UpsellRelationDefaultConfigurationTitle}}</h2> </div> <table> <tr ng-repeat="(key, value) in product.UpsellProductGroup.Attributes"> <td>{{key}}:</td> <td><strong>{{value}}</strong></td> </tr> </table> </div> <div class="window-select-wrapper col-9_xs-12" data-push-left="off-3_xs-0"> <div class="grid-noBottom"> <div class="col-6_sm-12_xs-12"> <div class="size-options select-ws"> <select ng-model="selectedSize" ng-class="{'border-red' :$parent.selectedId === $id && selectedSize === null }" class="selector-productupselldropdown" autocomplete="off" ng-options="s as (s.SizeLabel + ' ('+s.Size+')') for s in product.UpsellProductGroup.SizesAndPrices track by s.Size" ng-change="sizeChange();" data-role="none"> <option class="selector-selectsizelabel" value="">{{product.UpsellLabel.SelectSizeLabel}} </option> </select> </div> </div> <div class="col-6_xs-0_sm-0"> <div class="continue-button"> <div class="button darkblue ico-right"> <a class="selector-continueanchor" ng-click="getProductId(); $parent.onSelectProduct({productid : selectedProductId}); track();"> {{product.UpsellLabel.BuyButtonLabel}} <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </div> </div> </div> </div> <div class="grid-noBottom-noGutter selected-product"> <div class="col-6_xs_12"> <div class="product-id-wrapper"> <div class="product-id product-id-label">{{product.UpsellLabel.ProductIdLabel}}</div> <div class="product-id selector-productid">{{selectedProductId}} </div> </div> </div> <div class="col-6_xs_12"> <div class="price-wrapper"> <div class="price price-label">{{product.UpsellLabel.ProductPriceLabel}}</div> <div class="price"> <span class="amount selector-productprice">{{selectedSize.Price | currency : undefined: digits}} </span> </div> </div> </div> </div> <div class="grid-noBottom"> <div class="col-0_xs-12_sm-12_md-0_lg-0"> <div class="continue-button"> <div class="button darkblue ico-right"> <a class="selector-continueanchor" ng-click="getProductId(); $parent.onSelectProduct({productid : selectedProductId }); track();"> {{product.UpsellLabel.BuyButtonLabel}} <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div> </div> </div> </script> <script type="text/ng-template" id="dialogBox.tpl"> <div class="dialog-box fadeout"> <div class="dialog-message">{{message}}</div> </div> </script> <script type="text/ng-template" id="relatedProducts.tpl"> <div class="image-text-box bordered_sm-m" ng-repeat="product in products"> <shop-spiner watch-state="['addproduct?Id=' + product.Id]" show="showBlindSpiner"></shop-spiner> <div class="grid-noGutter"> <div class="col-4"> <img class="nav-icon" src="//velcdn.azureedge.net/~/media/picasso/illustrations/blackout-1100.png?w=300" width="300" height="300" alt="Blackout blind in blue" /> </div> <div class="col-8"> <div class="text"> <h3>{{product.Title}}</h3> <h4 class="product-id">{{product.Id}}</h4> <ul> <li ng-repeat="(key, value) in product.Attributes" ng-if="value">{{value}}</li> </ul> </div> </div> <div class="col-4"> <div class="price-indication content-align-v">[{{product.Price | currency: undefined : digits }} ]</div> </div> <div class="col-8"> <div class="button darkblue right ico-right"> <a ng-click="addProduct(product.Id)"> {{$parent.addButtonText}}<i class="fa fa-plus" aria-hidden="true"></i></a> </div> </div> </div> </div> </script> <script type="text/ng-template" id="productWidget.tpl"> <div class="col"> <div class="product-group bordered_md-large"> <a href="{{prefixPath}}/velux-{{(product.GroupUrl)|lowercase}}"><img ng-src="{{product.ProductImageInsideUrl}}" /></a> <div class="product-sticker" ng-if="product.ActiveCampaign && product.ActiveCampaign.IsActive"> <div class="product-sticker__content"> <span class="product-sticker__header"> <span>{{product.ActiveCampaign.BadgeText}}</span> </span> </div> </div> <h4>{{product.Group}}</h4> <table> <tr ng-repeat="(key, value) in product.Attributes"> <td>{{key}}:</td> <td><strong>{{value}}</strong></td> </tr> </table> <div class="price-indication"> <p ng-class="{'campaign-price' : product.HasDiscount}">{{fromLabel}} <span>{{product.HasDiscount ? product.DiscountedPrice : product.Price | currency : undefined : digits}}</span></p> </div> <div class="button darkblue ico-right"> <a ng-click="onProductViewClick()" href="{{prefixPath}}/velux-{{(product.GroupUrl)|lowercase}}">{{buttonLabel}} {{product.Group}}<i class="fa fa-angle-right fa-lg" aria-hidden="true"></i></a> </div> </div> </div> </script>  <script type="text/javascript"> if (document.querySelectorAll("[ng-controller='step5Controller']").length) { var elem = document.querySelectorAll(".grid.main"); if (elem.length) elem[0].classList.remove("main"); } </script>  </body> </html>

CINXE.COM

VELUX Tet艖ablak webáruház