</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <script> function HandleCart(s, e) { switch (s.cpHandlerAction) { case 'cart|insert': callbackPanelStatus.PerformCallback(); $('#myModalCartInsert').modal(); break; case 'cart|delete': callbackPanelCart.PerformCallback('refresh-cart'); callbackPanelStatus.PerformCallback(); break; case 'cart|update': callbackPanelCart.PerformCallback('refresh-cart'); callbackPanelStatus.PerformCallback(); case 'cart|discount': console.log('ACTION: DISCOUNT'); callbackPanelCart.PerformCallback('refresh-cart'); break; case 'checkout': window.location.href = s.cpCheckoutUrl; break; case 'wishlist|insert': callbackPanelStatus.PerformCallback(); $('#myModalWishListInsert').modal(); break; case 'wishlist|notify': callbackPanelStatus.PerformCallback(); $('#NotifyDialog').modal(); break; case 'wishlist|delete': callbackPanelWishlist.PerformCallback('refresh-wishlist'); callbackPanelStatus.PerformCallback(); break; } } </script> <input type="hidden"/><script id="dxis_1869317587" src="/DXR.axd?r=1_11,1_12,1_23,1_63,1_13,1_14,1_15,1_8,23_0,23_1,23_50,1_182,1_183,23_28,1_181,23_29-JaCsk"></script><script id="dxss_1882547580"> <!-- ASPx.createControl(ASPxClientCallback,'ShopHandler_callbackShopHandler','cbShop',{'callBack':function(arg) { WebForm_DoCallback('ctl00$ctl00$ShopHandler$callbackShopHandler',arg,ASPx.Callback,'ShopHandler_callbackShopHandler',ASPx.CallbackError,true); },'uniqueID':'ctl00$ctl00$ShopHandler$callbackShopHandler'},{'EndCallback':function(s, e) { HandleCart(s, e); }}); //--> </script> <main> <header> <div class="desktop-wrapper d-none d-lg-block"> <div class="header-topbar-wrapper"> <div class="container"> <div class="row"> <div class="col-3 text-center"> <div class="thumb-wrapper"> <img src="/custom/assets/shop/gratisverzending.png" class="img-fluid" /> </div> </div> <div class="col-3 text-center"> <div class="thumb-wrapper"> <img src="/custom/assets/shop/bezorging.png" class="img-fluid" /> </div> </div> <div class="col-3 text-center"> <div class="thumb-wrapper"> <img src="/custom/assets/shop/achterafbetalen-mogelijk.png" class="img-fluid" /> </div> </div> <div class="col-3 text-center"> <div class="thumb-wrapper"> <img src="/custom/assets/shop/retournerens.png" class="img-fluid" /> </div> </div> </div> </div> </div> <div class="header-middle-wrapper"> <div class="container"> <div class="row"> <div class="col-4"> <div class="site-logo"> <a href="/"> <img src="/custom/assets/shop/logo-x1.png" class="img-fluid site-brand-image" alt="" /></a> </div> </div> <div class="col-8 searchbar-container text-right"> <div class="accountmenu-wrapper"> <div id="Header_AccountMenu_callbackPanelStatus"> <ul class="list-inline"> <li class="list-inline-item"> <a href="/klant-aanmelden-of-registreren/"> <i class="fas fa-user-plus"></i> Mijn account </a> </li> <li class="list-inline-item"> <a href="/klantenservice-algemeen/"><i class="fas fa-hands-helping"></i> Klantenservice</a> </li> <li class="list-inline-item"> <a href="/wishlist/"><i class="fas fa-heart"></i> Reserveren (0)</a> </li> <li class="list-inline-item"> <a href="/shop-winkelwagen/"><i class="fas fa-shopping-cart"></i> Winkelwagen (0)</a> </li> </ul> </div> </div> <div class="searchbar-wrapper float-right"> <div class="dxbs-button-edit form-control__dx-textbox searchbar" ElementHintName="winkelwagen_hint_zoeken" id="Header_SearchBar1_beSearch"> <div class="input-group"> <div> <input id="Header_SearchBar1_beSearch_I" class="form-control" type="text" name="ctl00$ctl00$Header$SearchBar1$beSearch" value="Klik hier om te zoeken" /><span></span> </div><div id="Header_SearchBar1_beSearch_B0" class="input-group-append"> <button class="dxbs-edit-btn btn__custom btn btn-secondary" type="button"><i class='fa fa-search' aria-hidden='true'></i></button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="header-navbar-wrapper d-none d-lg-block"> <div class="row" style="margin-bottom:0!important"> <div class="col column-block-padding" style="padding-bottom:0!important"> <div class="sitemenu-wrapper"> <nav class="navbar navbar-light navbar-expand-md"> <div class="container"> <button class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse d-none d-lg-block" id="navcol-1" style="margin-left:-7px!important"> <ul class="nav navbar-nav" xmlns:map="urn:external"> <li class="nav-item nav-home-icon" role="presentation"><a class="nav-link home-icon" href="/"><i class="fas fa-home"></i></a></li> <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuDames" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Webshop</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/dames/" target="_self"> Alle artikelen </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jeans/" target="">Jeans</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/schoenen/" target="">Schoenen</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/accessoires/" target="">Accessoires</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/giftcards/" target="">Giftcards</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jurken-rokken/" target="">Jurken & Rokken</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/shirts-tops/" target="">Shirts & Tops</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/truien-vesten/" target="">Truien & Vesten </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/blazers/" target="">Blazers</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/broeken/" target="">Broeken </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/shorts/" target="">Shorts </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jassen-jacks/" target="">Jassen & Jacks</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/blouses/" target=""> Blouses</a></div> </li> <li role="presentation" class="nav-item high-light"><a class="nav-link" href="/new/" target="_self">New Arrivals</a></li> <li role="presentation" class="nav-item high-light-second"><a class="nav-link" href="/sale/" target="_self">Outlet</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/merken/damesmode/" target="_self">Merken</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/shop-the-look/" target="_self">Shop the look</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/reserveren/" target="_self">Online Reserveren</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/winkel/" target="_self">Winkel</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/agenda/" target="_self">Agenda</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/nieuws/" target="_self">Updates</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/mode-blog/" target="_self">Modeblog</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/klantenservice-contact/" target="_self">Contact</a></li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> <div class="mobile-wrapper d-block d-lg-none"> <div class="header-top-mobile-wrapper"> <div class="container"> <div class="row"> <div class="col-4 column-block-padding align-self-center brand"> <a href="/"> <img src="/custom/assets/shop/logo-x1.png" class="img-fluid site-brand-image" alt="" /></a> </div> <div class="col-8 align-self-center"> <div class="accountmenu-mobile-wrapper"> <ul class="nav nav-justified"> <li class="nav-item"><a class="nav-link" href="#"><i class="fas fa-bars" data-toggle="collapse" data-target="#navcol-mobile-menu"></i></a></li> <li class="nav-item"> <a href="/klant-aanmelden-of-registreren/" class="nav-link"> <i class="fas fa-user"></i> </a> </li> <li class="nav-item"><a class="nav-link" href="/wishlist/"><i class="fas fa-heart"></i></a></li> <li class="nav-item"><a class="nav-link" href="/shop-winkelwagen/"><i class="fas fa-shopping-cart"></i></a></li> <li class="nav-item"><a class="nav-link" href="#"><i class="fas fa-search" data-toggle="collapse" data-target="#navcol-mobile-search"></i></a></li> </ul> </div> </div> </div> </div> </div> <div class="header-navbar-mobile-wrapper"> <div class="container"> <div class="row"> <div class="col column-block-padding"> <div class="sitemenu-mobile-wrapper"> <nav class="navbar navbar-light navbar-expand-lg"> <div class="container-fluid"> <button class="navbar-toggler d-none d-lg-block" data-toggle="collapse" data-target="#navcol-mobile-menu"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navcol-mobile-menu"> <ul class="nav navbar-nav" xmlns:map="urn:external"> <li class="nav-item nav-home-icon" role="presentation"><a class="nav-link home-icon" href="/"><i class="fas fa-home"></i></a></li> <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuDames" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Webshop</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/dames/" target="_self"> Alle artikelen </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jeans/" target="">Jeans</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/schoenen/" target="">Schoenen</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/accessoires/" target="">Accessoires</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/giftcards/" target="">Giftcards</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jurken-rokken/" target="">Jurken & Rokken</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/shirts-tops/" target="">Shirts & Tops</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/truien-vesten/" target="">Truien & Vesten </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/blazers/" target="">Blazers</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/broeken/" target="">Broeken </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/shorts/" target="">Shorts </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jassen-jacks/" target="">Jassen & Jacks</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/blouses/" target=""> Blouses</a></div> </li> <li role="presentation" class="nav-item high-light"><a class="nav-link" href="/new/" target="_self">New Arrivals</a></li> <li role="presentation" class="nav-item high-light-second"><a class="nav-link" href="/sale/" target="_self">Outlet</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/merken/damesmode/" target="_self">Merken</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/shop-the-look/" target="_self">Shop the look</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/reserveren/" target="_self">Online Reserveren</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/winkel/" target="_self">Winkel</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/agenda/" target="_self">Agenda</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/nieuws/" target="_self">Updates</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/mode-blog/" target="_self">Modeblog</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/klantenservice-contact/" target="_self">Contact</a></li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> <div class="header-searchbar-mobile-wrapper"> <div class="container"> <div class="row"> <div class="col column-block-padding"> <nav class="navbar navbar-light navbar-expand-lg"> <div class="container-fluid"> <button class="navbar-toggler d-none d-lg-block" data-toggle="collapse" data-target="#navcol-mobile-search"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navcol-mobile-search"> <ul class="nav navbar-nav"> <li class="nav-item" role="presentation"> <div class="searchbar-wrapper float-right"> <div class="dxbs-button-edit form-control__dx-textbox searchbar" ElementHintName="winkelwagen_hint_zoeken" id="Header_SearchBarMobile_beSearch"> <div class="input-group"> <div> <input id="Header_SearchBarMobile_beSearch_I" class="form-control" type="text" name="ctl00$ctl00$Header$SearchBarMobile$beSearch" value="Klik hier om te zoeken" /><span></span> </div><div id="Header_SearchBarMobile_beSearch_B0" class="input-group-append"> <button class="dxbs-edit-btn btn__custom btn btn-secondary" type="button"><i class='fa fa-search' aria-hidden='true'></i></button> </div> </div> </div> </div> </li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> </header> <div class="container"> <div class="row"> <div class="col-12 column-block-padding" style="padding-top:0!important"> <div class="hero"> <img id="imgHero" src="/repository/images/pagina/header-modeagenda.jpg" /> </div> </div> </div> </div> <section id="agenda" class="module"> <div class="container"> <div class="row"> <div class="col-10 offset-1 column-block-padding text-center"> <h1> <span id="cphContent_cphContent_ctl00_WebshopTitle">Wessels Mode verwelkomt je graag op een van de onderstaande events</span></h1> <span id="cphContent_cphContent_ctl00_WebshopContent">Benieuwd welke events en acties komende periode zullen plaatsvinden?<br />Wessels Mode zet het voor je op een rij!</span> </div> </div> <div class="row"> <div class="col-10 offset-1 column-block-padding text-center"> <div class="agenda-wrapper"> <div class="agenda-item"> <h2>MAGAZIJN VERKOOP</h2> <h3></h3> <p><p style="margin:0cm 0cm 0.0001pt;font-size:11pt;font-family:Calibri, sans-serif;"><span style="font-size:11pt;">Vorig jaar is er veel voorraad blijven hangen. Op onze beneden verdieping bieden wij daarom een mooie selectie actuele items met kortingen van 30% tot 50%</span><br /></p><p style="margin-bottom:0px;caret-color:#222222;color:#222222;font-family:Arial, Helvetica, sans-serif;"><br /></p><p style="margin:0cm 0cm 0.0001pt;font-size:11pt;font-family:Calibri, sans-serif;"></p></p> </div> <div class="agenda-item"> <h2>HAPPY DEAL STAPELACTIE IN ONZE WINKEL</h2> <h3></h3> <p><p>Shop nu je nieuwe zomerstyles extra voordelig!<br />Kies nu jouw eigen korting met onze Happy Deals!<br /></p><p>Stapel 4 artikelen: Laagst geprijsde artikel GEHEEL GRATIS!<br />Stapel 3 artikelen: <span style="text-align:justify;">Op het goedkoopste artikel, ontvang je 50% KORTING</span>.<br />Stapel 2 artikelen: Op het goedkoopste artikel, ontvang je <span style="text-align:justify;">30% KORTING</span><span style="text-align:justify;">.</span></p><p><span style="text-align:justify;"><em>Deze actie geldt niet i.c.m. andere acties</em>.</span><br /></p><p></p><div style="text-align:justify;"><p></p></div></p> </div> <div class="agenda-item"> <h2>HAPPY DEAL IN ONZE WEBSHOP</h2> <h3></h3> <p><p>Ook in onze webshop profiteer je van onze Happy Deal Stapelactie en ontvang je 30% korting op ieder 2e (goedkoopste)artikel! <br /><a href="https://www.wesselsmode.nl/dames/" target="_blank"><span style="text-decoration:underline;color:#3300ff;">Shop hier</span></a></p><p><span style="color:#000000;"><em>Niet geldig in combinatie met andere acties of aanbiedingen.</em></span><span style="text-decoration:underline;color:#3300ff;"><a href="https://www.wesselsmode.nl/dames/" target="_blank"></a></span></p></p> </div> <div class="agenda-item"> <h2>KOOPAVOND TOT 21:00 UUR</h2> <h3></h3> <p><span style="font-family:Calibri, sans-serif;font-size:14.666666984558105px;">Vanaf juni is onze koopavond op donderdag weer gewoon tot 21:00 uur. Je bent van harte welkom!</span><br /></p> </div> <div class="agenda-item"> <h2></h2> <h3></h3> <p><em>Uiteraard geldt dat we ons houden aan de voorschriften van het RIVM zoals het houden van 1,5 m afstand en bij de entree van onze winkel kun je je handen desinfecteren. Ben je verkouden, dan helpen we je graag een andere keer.</em></p> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-8 offset-2 column-block-padding text-center"> <div class="container"> <div class="row"> <div class="col-6 col-md-3 column-block-padding text-center"> <a href="/agenda/"> <img src="/repository/images/content/blokken/modeagenda.png" class="img-fluid" alt="mode agenda" /></a> </div> <div class="col-6 col-md-3 column-block-padding text-center"> <a href="/nieuws/"> <img src="/repository/images/content/blokken/laatste-updates.png" class="img-fluid" alt="laatste updates" /></a> </div> <div class="col-6 col-md-3 column-block-padding text-center"> <a href="/mode-blog/"> <img src="/repository/images/content/blokken/modeblog.png" class="img-fluid" alt="mode blog" /></a> </div> <div class="col-6 col-md-3 column-block-padding text-center"> <a href="/personal-shopper/"> <img src="/repository/images/content/blokken/personal-shopper.png" class="img-fluid" alt="personal shopper" /></a> </div> </div> </div> </div> </div> </div> </section> </main> <footer> <div class="footer-wrapper"> <div class="footer-top-wrapper"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 column-block-padding" itemscope="" itemtype="http://schema.org/Organization" xmlns:map="urn:external"> <h4 itemprop="name">Wessels Mode</h4> <p itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress"><span itemprop="streetAddress">Elsenerstraat 27</span><br><span itemprop="postalCode">7461 DM</span> <span itemprop="addressLocality">Rijssen</span></p> <p><i class="fas fa-phone"></i> <a href="tel:0548-541569">0548-541569</a><br><i class="fas fa-envelope"></i> <a href="mailto:info@wesselsmode.nl">info@wesselsmode.nl</a></p> <div class="ot"><p></p><table class="table table-condensed table-clean k-table"><tbody><tr><td class="day">Maandag</td><td class="time">09.30 - 17.30</td></tr><tr><td class="day">Dinsdag</td><td class="time">09.30 - 17.30</td></tr><tr><td class="day">Woensdag</td><td class="time">09.30 - 17.30</td></tr><tr><td class="day">Donderdag</td><td class="time">09.30 - 21.00 *</td></tr><tr><td class="day">Vrijdag</td><td class="time">09.30 - 17.30</td></tr><tr><td class="day">Zaterdag</td><td class="time">09.30 - 17.00</td></tr><tr><td class="day"></td><td class="time"></td></tr></tbody></table><p></p></div> </div> <div class="col-md-3 col-sm-6 column-block-padding" xmlns:map="urn:external"> <h4>Klantenservice</h4> <ul class="list-unstyled"> <li><a href="/klantenservice-contact/" target="_self">Contact</a></li> <li><a href="/klantenservice-hoe-te-bestellen/" target="_self">Hoe te bestellen</a></li> <li><a href="/klantenservice-algemene-voorwaarden/" target="_self">Algemene Voorwaarden</a></li> <li><a href="/klantenservice-retour-voorwaarden/" target="_self">Retour Voorwaarden</a></li> </ul> </div> <div class="col-md-3 col-sm-6 column-block-padding" xmlns:map="urn:external"> <h4>Wil je ons volgen</h4> <ul class="list-unstyled"> <li><a href="https://nl-nl.facebook.com/Wesselsmode" target="_blank">Facebook</a></li> <li><a href="https://www.instagram.com/wesselsmode/" target="_blank">Instagram</a></li> </ul> </div> </div> </div> </div> <div class="footer-bottom-wrapper"> <div class="container"> <div class="row"> <div class="col-12 col-md-6 column-block-padding" xmlns:map="urn:external"> <h4>Kies uw betaalmethode</h4> <ul class="list-inline"> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/iDEAL.png" title="iDEAL"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/MasterCard.png" title="MasterCard"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/Visa.png" title="Visa"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/maestro.png" title="Maestro"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/sofort.png" title="DirectEbankingDE"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/AfterPay.png" title="Open Invoice NL"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/giropay.png" title="giropay"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/bankcontact-mistercash.png" title="BCMC"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/Fashion-cheque.png" title="Fashioncheque"></li> </ul> </div> <div class="col-12 col-md-6 column-block-padding" xmlns:map="urn:external"> <h4>Verzend methode</h4> <ul class="list-inline"> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/delivery/postnl.png" title="POSTNL"></li> </ul> </div> </div> </div> </div> </div> <div class="footer-bottom-menu-wrapper"> <div class="container"> <div class="row"> <div class="col-12 col-md-6 copyright"> <p> </p> </div> <div class="col-12 col-md-6 menu"> <ul class="list-inline" xmlns:map="urn:external"> <li class="list-inline-item"><a class="nav-link" href="/klantenservice-colofon/" target="_self">Colofon</a></li> <li class="list-inline-item"><a class="nav-link" href="/klantenservice-disclaimer/" target="_self">Disclaimer</a></li> <li class="list-inline-item"><a class="nav-link" href="/klantenservice-privacy-statement/" target="_self">Privacy Statement</a></li> <li class="list-inline-item"><a class="nav-link" href="/klantenservice-cookies/" target="_self">Cookies</a></li> </ul> </div> </div> </div> </div> </footer> <div id="login-dialog" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="container-fluid"> <div class="row"> <div class="col-6"> <img src="/custom/assets/shop/login-splash.jpg" class="img-fluid" /> </div> <div class="col-6"> <div class="modal-bodycontent-wrapper"> <div class="row"> <div class="col-12"> <div class="content-title"> <h3>Aanmelden als bestaande klant</h3> </div> <div class="content-form"> <div id="AccountLoginDialog_UpdatePanel1"> <table id="AccountLoginDialog_myLoginPopup" cellspacing="0" cellpadding="0" width="100%"> <tr> <td> <div class="form-horizontal"> <div class="form-group"> <div class="dxbs-textbox form-control__dx-textbox" id="AccountLoginDialog_myLoginPopup_UserName"> <label class="dxbs-edit-caption col-form-label__custom col-form-label" for="AccountLoginDialog_myLoginPopup_UserName_I">E-mail adres:<em>*</em></label><div> <input id="AccountLoginDialog_myLoginPopup_UserName_I" class="form-control" type="text" name="ctl00$ctl00$AccountLoginDialog$myLoginPopup$UserName" /><span class="dxbs-feedback"><span class="dxbs-icon dxbs-icon-error d-none" data-error-image=""></span></span> </div> </div> </div> <div class="form-group"> <div class="dxbs-textbox form-control__dx-textbox" NullTextCaptionElement="aanmelden_wachtwoord_titel" id="AccountLoginDialog_myLoginPopup_Password"> <label class="dxbs-edit-caption col-form-label__custom col-form-label" for="AccountLoginDialog_myLoginPopup_Password_I">Wachtwoord:<em>*</em></label><div> <input id="AccountLoginDialog_myLoginPopup_Password_I" class="form-control" type="password" name="ctl00$ctl00$AccountLoginDialog$myLoginPopup$Password" /><span class="dxbs-feedback"><span class="dxbs-icon dxbs-icon-error d-none" data-error-image=""></span></span> </div> </div> </div> <div class="form-group"> <button class="btn__custom btn btn-secondary dxbs-button" id="AccountLoginDialog_myLoginPopup_LoginButton" type="submit" name="ctl00$ctl00$AccountLoginDialog$myLoginPopup$LoginButton" value="Aanmelden">Aanmelden</button><script id="dxss_385209814"> <!-- ASPx.createControl(dx.BootstrapClientCallbackPanel,'Header_AccountMenu_callbackPanelStatus','callbackPanelStatus',{'callBack':function(arg) { WebForm_DoCallback('ctl00$ctl00$Header$AccountMenu$callbackPanelStatus',arg,ASPx.Callback,'Header_AccountMenu_callbackPanelStatus',ASPx.CallbackError,true); },'uniqueID':'ctl00$ctl00$Header$AccountMenu$callbackPanelStatus','hideContentOnCallback':false}); ASPx.createControl(dx.BootstrapClientButtonEdit,'Header_SearchBar1_beSearch','',{'encodeHtml':false,'uniqueID':'ctl00$ctl00$Header$SearchBar1$beSearch','serverEvents':['ButtonClick'],'stateObject':{'rawValue':''},'nullText':'Klik hier om te zoeken','buttonCount':1,'cssClasses':{'nt':'nulltext'}}); ASPx.createControl(dx.BootstrapClientButtonEdit,'Header_SearchBarMobile_beSearch','',{'encodeHtml':false,'uniqueID':'ctl00$ctl00$Header$SearchBarMobile$beSearch','serverEvents':['ButtonClick'],'stateObject':{'rawValue':''},'nullText':'Klik hier om te zoeken','buttonCount':1,'cssClasses':{'nt':'nulltext'}}); ASPx.createControl(dx.BootstrapClientTextBox,'AccountLoginDialog_myLoginPopup_UserName','',{'uniqueID':'ctl00$ctl00$AccountLoginDialog$myLoginPopup$UserName','validationGroup':'LoginPopGroup','customValidationEnabled':true,'isValid':true,'errorText':'Invalid value','validationPatterns':[new ASPx.RequiredFieldValidationPattern('Dit veld is verplicht'),new ASPx.RegularExpressionValidationPattern('E-mail adres is onjuist', '\\w+([-+.\']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*')],'setFocusOnError':true,'isErrorFrameRequired':true,'errorDisplayMode':'i','errorImageIsAssigned':true,'cssClasses':{}}); ASPx.createControl(dx.BootstrapClientTextBox,'AccountLoginDialog_myLoginPopup_Password','',{'uniqueID':'ctl00$ctl00$AccountLoginDialog$myLoginPopup$Password','validationGroup':'LoginPopGroup','customValidationEnabled':true,'isValid':true,'errorText':'Invalid value','validationPatterns':[new ASPx.RequiredFieldValidationPattern('Dit veld is verplicht')],'setFocusOnError':true,'isErrorFrameRequired':true,'errorDisplayMode':'i','errorImageIsAssigned':true,'cssClasses':{}}); ASPx.InitializeSVGSprite(); ASPx.createControl(dx.BootstrapClientButton,'AccountLoginDialog_myLoginPopup_LoginButton','',{'autoPostBack':true,'uniqueID':'ctl00$ctl00$AccountLoginDialog$myLoginPopup$LoginButton','validationGroup':'LoginPopGroup'}); //--> </script> </div> <div class="form-group"> <div class="forget"> <a href="/klant-wachtwoord-vergeten/" style="color: #000"> Wachtwoord vergeten? </a> </div> </div> <div class="form-group"> </div> </div> </td> </tr> </table> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal-close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <style> .modal-dialog.content-popup, .modal-content.content-popup { /* 80% of window height */ height: 80%; } .modal-body.content-popup { /* 100% = dialog height, 120px = header + footer */ max-height: calc(100% - 60px); overflow-y: scroll; } </style> <div id="webshop-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg content-popup"> <div class="modal-content content-popup"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body content-popup"> </div> </div> </div> </div> <script> $(document).ready(function () { $('#webshop-modal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget); var popupTitle = button.data('title'); var popuptUrl = button.data('url'); var modal = $(this) modal.find('.modal-title').text(popupTitle); var x = modal.find('.modal-body'); x.load(popuptUrl + "?view=popup"); }) }); </script> <!-- === JAVASCRIPT COMPONENTS === --> <script src="/core/js/jquery-3.3.1.min.js"></script> <script src="/core/js/bootstrap.bundle.min.js"></script> <script src="/core/components/owl/owl.carousel.min.js"></script> <script src="/core/components/lightgallery/js/lightgallery-all.min.js"></script> <script src="/core/components/lightgallery/js/modules/lg-video.js"></script> <script src="/core/components/flickity/flickity.pkgd.js"></script> <script src="/core/components/flickity/flickity-fade.js"></script> <script src="/core/js/core.js"></script> <!-- === END JAVASCRIPT COMPONENTS === --> <!-- === JAVASCRIPT COOKIEBAR === --> <script src="/core/js/jquery.ihavecookies.min.js"></script> <script> var allowAnalytics = $.fn.ihavecookies.preference('analytics'); var allowMarketing = $.fn.ihavecookies.preference('marketing'); var allowSitePreferences = $.fn.ihavecookies.preference('preferences'); var optionsCookieBar = { title: "We gebruiken cookies", message: "Onze website maakt gebruik van cookies en daarmee vergelijkbare technieken. We gebruiken analytische cookies om te zorgen dat de basisfuncties van de website werken en je een optimale gebruikerservaring te bieden. Marketingcookies worden geplaatst door derden om gepersonaliseerde advertenties te kunnen tonen, je internetgedrag te volgen en om je informatie te laten delen. Accepteer alle cookies of stel je voorkeuren in.", delay: 600, expires: 1, moreInfoLabel: 'Meer informatie', link: '/klantenservice-privacy-statement/', acceptBtnLabel: 'Accepteer', advancedBtnLabel: 'Voorkeuren Instellen', cookieTypesTitle: 'Ik accepteer de volgende cookies:', fixedCookieTypeLabel: 'Basis', fixedCookieTypeDesc: 'Basis instellingen om de site optimaal te laten werken.', cookieTypes: [ { type: 'Site Instellingen', value: 'preferences', description: 'Gebruikers instellingen voor deze site' }, { type: 'Analytics', value: 'analytics', description: 'Analyse, gebruikerservaring' }, { type: 'Marketing', value: 'marketing', description: 'Relevante content en advertenties' } ], onAccept: function () { allowAnalytics = $.fn.ihavecookies.preference('analytics'); allowMarketing = $.fn.ihavecookies.preference('marketing'); allowSitePreferences = $.fn.ihavecookies.preference('preferences'); } }; </script> <!-- === END JAVASCRIPT COOKIEBAR === --> <iframe src="/core/handlers/KeepSessionAlive.aspx" id="KeepAliveFrame" frameborder="0" width="0" height="0">