</noscript> <!-- End Google Tag Manager (noscript) --> <div id="my-page"> <div class="container-fluid"> <div class="topbar_info_msg" style="width: 100%; padding: 0px; font-size: 16px; line-height: 16px; text-align: center; position: relative;"> <div class="swiper-viewport" style="background: transparent;"> <div id="slideshow_topbar_info" class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide text-center" style="background: #000000; padding: 6px 0px 12px; color: #ffffff; text-align: center;"> <a href="#" class="topbar_msg" style="color: #ffffff;">Gratis verzending naar Nederland — 30 dagen niet goed geld terug</a> </div> <div class="swiper-slide text-center" style="background: #000000; padding: 6px 0px 12px; color: #ffffff; text-align: center;"> <a class="topbar_msg agree2" style="color:#ffffff;" href="index.php?route=information/information/agree&information_id=50"> Bespaar 5% extra — Kies uw retourvoorwaarden <i class="fa fa-angle-down"></i> </a> </div> <div class="swiper-slide text-center" style="background: #000000; padding: 6px 0px 12px; color: #ffffff; text-align: center;"> <a href="#" class="topbar_msg" style="color: #ffffff;">Nieuwe betaalmethode: Koop nu, betaal later met Klarna.</a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $('document').ready(function() { new Swiper('#slideshow_topbar_info', { speed: 500, effect: 'fade', navigation: { nextEl: '', prevEl: '', }, autoplay: { delay: 3000, }, }); }); </script> <header class="header2"> <div class="header-fluid container-fluid"> <div class="header-wrap"> <div class="row"> <div class="col"> <div class="logo" style="max-width: 160px; width: 160px; top: 15px"> <div class="logo-img"> <a href="https://www.vintagecarpets.com/nl/" title="Vintage Vloerkleed"> <!--<img alt="VINTAGE CARPETS" class="img-fluid" src="image/catalog/src/vintagecarpets-logo.svg" width="96" height="96" />--> <img alt="VINTAGE CARPETS" class="img-fluid" src="image/catalog/Vintage-Carpet-Logo24.png" width="225" height="53" style="height: auto;" /> </a> </div> </div> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"LocalBusiness","url":"https:\/\/www.vintagecarpets.com\/nl\/","name":"VINTAGE CARPETS","logo":"https:\/\/www.vintagecarpets.com\/image\/catalog\/vc-new-logo.png","image":"https:\/\/www.vintagecarpets.com\/image\/catalog\/0-amir\/rugs-banner-2022.jpg","description":"Exclusieve collectie handgemaakte vintage en Perzische tapijten, direct van de fabrikant.","address":{"@type":"PostalAddress","addressLocality":"Athens","addressCountry":"GR"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"5","reviewCount":"426","bestRating":"5","worstRating":"1"}} </script> </div> <div class="col d-none d-lg-block"> <div class="languages float-right"> <form action="https://www.vintagecarpets.com/index.php?route=common/language/language" method="post" enctype="multipart/form-data"> <div class="btn-group"> <button class="btn btn-link dropdown-toggle" data-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false">Nederlands</button> <ul class="dropdown-menu dropdown-menu-right"> <li><button class="btn btn-link btn-block language-select" type="button" name="no-nb"> Norwegian</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="fi-fi"> Finnish</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="da-dk"> Dansk</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="it-it"> Italiano</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="nl-nl"> Nederlands</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="fr-fr"> Français</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="sv-se"> Svenska</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="es-es"> Español</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="de-de"> Deutsch</button></li> <li><button class="btn btn-link btn-block language-select" type="button" name="en-gb"> English</button></li> </ul> </div> <input type="hidden" name="code" value="" /> <input type="hidden" name="redirect" value="product/category+&path=132&filter_color=4" /> </form> </div> <div class="nav-icons float-right position-relative"> <div id="search_icon"> <a href="#" id="desktop_menu_link"><img src="catalog/view/theme/vc/image/lnr-magnifier.svg" width="14" height="14" class="lnr-magnifier-icon" /></a> </div> </div> </div> </div> <div class="row main_nav"> <div class="col-lg-1"></div> <div class="main_nav_wrap col-lg-10"> <ul class="nav justify-content-center level-1" itemscope itemtype="https://www.schema.org/SiteNavigationElement"> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/Alle-categorieën-handgemaakte-tapijten" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Alle Tapijten</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/vintage-tapijten" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Vintage </span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/moderne-handgemaakte-tapijten" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Modern</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/perzische-tapijten-handgeknoopt" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Perzen</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/perzische-patina-tapijten" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Patina</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/kilim" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Kelim</span> </a> </li> <li class="nav-item level-1_item clearance" itemprop="name"> <a href="https://www.vintagecarpets.com/nl/vintage-tapijt-sale" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #ff2600 !important;">SALE</span> </a> </li> </ul> </div> <div class="col-lg-1 text-right text-right-col pr-0 pl-0"> <div class="mmenu-trigger-wrap"> <a href="#main-nav" id="mmenu-trigger"> <span><!----> <i class="fal fa-bars ml-2"></i></span> </a> </div> </div> </div> </div> </div> </header> <div class="container-fluid"> <div class="announcement_bar" style="width: 100%; padding: 0px; text-align: center; position: relative;"> <div class="swiper-viewport" style="background: transparent;"> <div id="slideshow_announcement" class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide text-center" style="background: #ff2600; padding: 8px 0px; text-align: center;"> <a class="agree2" style="color:#ffffff; font-size: 17px; line-height: 22px;" href="index.php?route=information/information/agree&information_id=63">-20% FLASH SALE EINDIGT BINNENKORT <i class="fal fa-info-circle product-view"></i></a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $('document').ready(function() { new Swiper('#slideshow_announcement', { speed: 500, effect: 'fade', navigation: { nextEl: '', prevEl: '', }, autoplay: { delay: 3000, }, }); }); </script> <div class="d-none"> <form action="https://www.vintagecarpets.com/index.php?route=common/currency/currency" method="post" enctype="multipart/form-data" id="form-currency"> <input type="hidden" id="form-currency-code" name="code" value="" /> <input type="hidden" name="redirect" value="product/category+&path=132&filter_color=4" /> </form> <form action="https://www.vintagecarpets.com/index.php?route=common/language/language" method="post" enctype="multipart/form-data" id="form-language"> <input type="hidden" id="form-language-code" name="code" value="" /> <input type="hidden" name="redirect" value="product/category+&path=132&filter_color=4" /> <input type="hidden" name="unroute" value="" /> </form> </div> <div class="d-none main-menu-wrap"> <nav id="main-nav" class="nav justify-content-center level-1"> <ul> <li> <a href="#">Language (Nederlands)</a> <ul class="ordered-submenu mm-listview"> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('no-nb');$('#form-language').submit();" class="mm-listitem__text">Norwegian</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('fi-fi');$('#form-language').submit();" class="mm-listitem__text">Finnish</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('da-dk');$('#form-language').submit();" class="mm-listitem__text">Dansk</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('it-it');$('#form-language').submit();" class="mm-listitem__text">Italiano</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('nl-nl');$('#form-language').submit();" class="mm-listitem__text">Nederlands</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('fr-fr');$('#form-language').submit();" class="mm-listitem__text">Français</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('sv-se');$('#form-language').submit();" class="mm-listitem__text">Svenska</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('es-es');$('#form-language').submit();" class="mm-listitem__text">Español</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('de-de');$('#form-language').submit();" class="mm-listitem__text">Deutsch</a></li> <li class="mm-listitem"><a href="#" onclick="$('#form-language-code').val('en-gb');$('#form-language').submit();" class="mm-listitem__text">English</a></li> </ul> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/Alle-categorieën-handgemaakte-tapijten" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Alle Tapijten</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/vintage-tapijten" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Vintage </span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/moderne-handgemaakte-tapijten" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Modern</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/perzische-tapijten-handgeknoopt" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Perzen</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/perzische-patina-tapijten" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Patina</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/nl/kilim" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Kelim</span> </a> </li> <li class="nav-item level-1_item clearance" itemprop="name"> <a href="https://www.vintagecarpets.com/nl/vintage-tapijt-sale" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #ff2600 !important;">SALE</span> </a> </li> <li><a href="index.php?route=product/search">Filters</a></li> <li><a href="https://www.vintagecarpets.com/index.php?route=checkout/cart" id="cart_icon" data-toggle="modal" data-target="#cart">Winkelwagen</a></li> <li><a href="https://www.vintagecarpets.com/index.php?route=account/wishlist" id="wish_icon" data-toggle="modal" data-target="#cart">Verlanglijst</a></li> <li><a href="https://www.vintagecarpets.com/index.php?route=account/login">Mijn account</a></li> <li> <span> <a href="https://www.vintagecarpets.com/index.php?route=account/register">Registreren</a> / <a href="https://www.vintagecarpets.com/index.php?route=account/login">Inloggen</a> </span> </li> <li> <a href="#">Valuta (EUR)</a> <ul class="ordered-submenu"> <li><a href="#" onclick="$('#form-currency-code').val('AUD');$('#form-currency').submit();">AUD</a></li> <li><a href="#" onclick="$('#form-currency-code').val('CHF');$('#form-currency').submit();">CHF</a></li> <li><a href="#" onclick="$('#form-currency-code').val('DKK');$('#form-currency').submit();">DKK</a></li> <li class="order-1 active"><a href="#">EUR</a></li> <li><a href="#" onclick="$('#form-currency-code').val('GBP');$('#form-currency').submit();">GBP</a></li> <li><a href="#" onclick="$('#form-currency-code').val('NOK');$('#form-currency').submit();">NOK</a></li> <li><a href="#" onclick="$('#form-currency-code').val('PLN');$('#form-currency').submit();">PLN</a></li> <li><a href="#" onclick="$('#form-currency-code').val('SEK');$('#form-currency').submit();">SEK</a></li> <li><a href="#" onclick="$('#form-currency-code').val('USD');$('#form-currency').submit();">USD</a></li> </ul> </li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/index.php?route=information/contact">Contact</a></li> </ul> </nav> </div> <script type="text/javascript"> $(document).ready(function() { $("#main-nav").mmenu({ extensions: [ "position-right" ], navbar: { title: "My Menu", href: "#" }, navbars: [ { position: "top", content: [ 'close' ] }, { position: "bottom", content: [ "<a class='fab fa-facebook' target='_blank' href='https://www.facebook.com/vintagecarpet'></a>", "<a class='fab fa-instagram' target='_blank' href='https://www.instagram.com/vintagecarpets/'></a>", "<a class='fab fa-youtube' target='_blank' href='https://www.youtube.com/user/sobsie'></a>", "<a class='fab fa-pinterest' target='_blank' href='https://pinterest.com/vintagecarpets'></a>" ] } ] }, { // configuration transitionDuration: 600 }); $("#mm-0 .mm-navbar").html('<a class="mm-navbar__title" href="#">My Menu</a>'); }); </script> <div id="cart-wrap"> <div id="cart" class="modal" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" id="close-cart" class="close"> <i class="fal fa-times"></i> </button> <ul class="nav" id="offcanvas-tab"> <li class="nav-item"> <a class="nav-link active" id="offcanvas-cart-tab" href="https://www.vintagecarpets.com/nl/checkout"> <img src="image/catalog/src/icons/cart-icon.svg" class="img-popover" alt="WINKELWAGEN" width="12" height="15"> <h5 class="modal-title">WINKELWAGEN</h5> </a> </li> <li class="nav-item"> <a class="nav-link" id="offcanvas-wishlist-tab" href="https://www.vintagecarpets.com/index.php?route=account/wishlist" > <img src="image/catalog/src/icons/heart.svg" class="img-popover" alt="WENSENLIJST" width="15" height="15"> <h5 class="modal-title">WENSENLIJST</h5> </a> </li> </ul> </div> <div id="offcanvas-cart" class="tab-pane"><div id="cart-container"> <div class="modal-inner"> <div class="modal-body"> <div class="cart_empty"> <i class="fal fa-empty-set"></i> U heeft nog geen producten in uw winkelwagen. </div> </div> <div class="modal-footer"> <a href="https://www.vintagecarpets.com/index.php?route=extension/quickcheckout/checkout" class="btn btn-block btn-primary disabled">Afrekenen</a> </div> </div> </div> <script type="text/javascript"> //Extra Discount Apply function LeftCartExtraDiscount() { if($('#cart_vc_extra_discount').prop('checked')==true) { var vc_extra_discount = 1; } else { var vc_extra_discount = 0; } console.log('vc_extra_discount: ' + vc_extra_discount); $.ajax({ type: 'POST', dataType: 'json', url: 'index.php?route=extension/quickcheckout/checkout/extradiscount', data: { vc_extra_discount : vc_extra_discount }, beforeSend: function() { $('#vc_extra_discount_label').addClass('loading'); }, complete: function(json) { $('#vc_extra_discount_label').removeClass('loading'); }, success: function(json) { if (json['redirect']) { location = json['redirect']; } else { $('#cart-wrap #cart-container').load('index.php?route=common/cart/info .modal-inner'); } } }); } function leftCartRemove(key) { var item_name = $('#item_name' + key).val(); var item_id = $('#item_id' + key).val(); var price = $('#price' + key).val(); var currency = $('#currency' + key).val(); var discount = $('#discount' + key).val(); var item_brand = $('#item_brand' + key).val(); var item_category = $('#item_category' + key).val(); var item_category2 = $('#item_category2' + key).val(); var item_category3 = $('#item_category3' + key).val(); var item_variant = $('#item_variant' + key).val(); var item_list_name = $('#item_list_name' + key).val(); var item_list_id = $('#item_list_id' + key).val(); var sort_index = $('#index' + key).val(); var quantity = $('#quantity' + key).val(); $.ajax({ url: 'index.php?route=checkout/cart/remove', type: 'post', data: 'key=' + key, dataType: 'json', beforeSend: function() { $('#cart > button').button('loading'); }, complete: function() { $('#cart > button').button('reset'); }, success: function(json) { // Need to set timeout otherwise it wont update the total //setTimeout(function () { $('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>'); }, 100); if (getURLVar('route') == 'checkout/cart' || getURLVar('route') == 'checkout/checkout') { location = 'index.php?route=checkout/cart'; } else { //$('#cart-wrap #cart-container').load('index.php?route=common/cart/info .modal-inner'); var cart_url = 'index.php?route=common/cart/info&v=' + Date.now(); $('#cart-wrap #cart-container').load(cart_url + ' .modal-inner'); } /*GA4*/ dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "remove_from_cart", ecommerce: { items: [{ item_name: item_name, item_id: item_id, currency: currency, price: price, discount: discount, item_brand: item_brand, item_category: item_category, item_category2: item_category2, item_category3: item_category3, item_variant: item_variant, item_list_name: item_list_name, item_list_id: item_list_id, index: sort_index, quantity: quantity }] } }); }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } </script></div> <div id="offcanvas-wishlist" class="tab-pane"><div id="wish-container"> <div class="modal-inner"> <div class="modal-body"> <div class="cart_empty"> <i class="fal fa-empty-set"></i> Jouw wens lijst is leeg! </div> </div> <div class="modal-footer"> <a href="https://www.vintagecarpets.com/index.php?route=account/wishlist" class="btn btn-block btn-primary disabled">WENSENLIJST</a> </div> <i class="fal fa-info-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="" data-original-title="Wir können diesen Teppich auch eine kleinere Grösse zuschneiden. Kontaktieren Sie uns mit Ihrer gewünschten Grösse."></i> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).on('click', '#desktop_menu_link', function (e) { e.preventDefault(); rightSearch(); }); function rightSearch() { $.ajax({ url: 'index.php?route=common/rightsearch', dataType: 'html', success: function(html) { $('#right_search_body').html(html); // open modal AFTER content loads $('#desktop_menu').modal('show'); }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } </script> <div id="desktop_menu" class="modal" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div id="right_search_body"></div> </div> </div> </div> <div id="common-category" class="main_container container-fluid"> <div class="category_info"> <div class="row"> <div class="col-12 text-center"> <h1>Patina Perzische Tapijten Bruin</h1> <h2>Authentieke handgeknoopte Perzische tapijten uit Kashan, Tabriz, Hamadan, Shiraz en Kerman — meesterlijk gerestaureerd om hun ware schoonheid en karakter te onthullen. Goed voor het milieu en uw portemonnee, elk stuk wordt zorgvuldig geselecteerd op uitzonderlijke diepte en kwaliteit, met beste prijzen gegarandeerd en gratis verzending voor EU-klanten. Elk tapijt bevat een exclusieve video zodat u echt kunt zien wat u koopt.</h2> </div> </div> </div> <div class="category_filters_wrap"> <div class="bar"> <div class="in"></div> </div> <div class="category_filters category_filters_new"> <div class="category_filters_scroll_wrap"> <div class="row"> <div class="col col-md-12"> <div class="filter_wrap filter_slider_sizes"> <div class="row filter_row"> <div class="col col-md-1"> <h5>Afmeting</h5> </div> <div class="col col-md-11 filter_sizes"> <span class="single_size d-sm-none d-md-none d-lg-none d-xl-block" data-value="150x100"> 150 x 100 cm </span> <span class="single_size" data-value="200x150"> 200 x 150 cm</span> <span class="single_size" data-value="240x170"> 240 x 170 cm</span> <span class="single_size" data-value="300x200"> 300 x 200 cm</span> <span class="single_size" data-value="300x250"> 300 x 250 cm</span> <span class="single_size" data-value="350x250"> 350 x 250 cm</span> <span class="single_size" data-value="400x300"> 400 x 300 cm</span> <span class="single_size" data-value="500x350"> 500 x 350 cm</span> <span class="single_size d-sm-none d-md-none d-lg-none d-xl-block" data-value="600x400"> 600 x 400 cm</span> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ jQuery('.filter_sizes span').click(function(){ var size = jQuery(this).data('value'); var sizeAttr = size.split("x"); var length_from = 0; var length_to = 0; var width_from = 0; var width_to = 0; if(size == "150x100" || size == '600x400'){ length_from = parseInt(sizeAttr[0]) - 50; length_to = parseInt(sizeAttr[0]) + 50; width_from = parseInt(sizeAttr[1]) - 50; width_to = parseInt(sizeAttr[1]) + 50; } else { length_from = parseInt(sizeAttr[0]) - 30; length_to = parseInt(sizeAttr[0]) + 30; width_from = parseInt(sizeAttr[1]) - 30; width_to = parseInt(sizeAttr[1]) + 30; } if(jQuery(this).hasClass('active')){ widthFilter = false; lengthFilter = false; length_from = 67; length_to = 646; width_from = 45; width_to = 426; $('#width_ranger').data("ionRangeSlider").update({ from: width_from, to: width_to }); $('#length_ranger').data("ionRangeSlider").update({ from: length_from, to: length_to }); jQuery('#filter_size').val(jQuery(this).data('value')).trigger('change'); $(".single_size").removeClass('active'); } else { widthFilter = width_from + '-' + width_to; lengthFilter = length_from + '-' + length_to; $('#width_ranger').data("ionRangeSlider").update({ from: width_from, to: width_to }); $('#length_ranger').data("ionRangeSlider").update({ from: length_from, to: length_to }); jQuery('#filter_size').val(jQuery(this).data('value')).trigger('change'); $(".single_size").removeClass('active'); $(this).addClass('active'); } /*if(jQuery(this).hasClass('active')){ //jQuery('#filter_size').val('').trigger('change'); } else { //jQuery('#filter_size').val(jQuery(this).data('value')).trigger('change'); }*/ }); }); </script> </div> <div class="col col-md-4 filter_wrap"> <div class="filter_row filter_slider"> <h5>Prijs</h5> <input id="price_ranger" name="price_ranger" type="text" data-min="0" data-max="10000" data-from="0" data-to="10000" data-type="double" /> <span class="bar_price">0,1.2,1.2,1.2,1.2</span> <script type="text/javascript"> // $(document).ready(function(){ $('.filter_results_submit').attr('data-href', window.location.href); var slidingTimer; var slidingInterval = 1500; var resultsInterval = 200; var resultsTimer; var priceFilter =''; var lengthFilter=''; var widthFilter=''; var color_filters=[]; var shapeFilter=''; var filterCategory =''; var filterSize =''; var filterAvailable ='on'; var filter_discount_sale = 0; var originFilter=''; var sort ='p.sort_order'; var order ='ASC'; var dataPage ='1'; var CheckUrl =''; function submitRangeFilters () { var FilterUrl = window.location.href; NewUrl = FilterUrl; color_filters = []; $.each($(".filter-checkbox:checked"), function(){ color_filters.push($(this).val()); }); var key = color_filters.join(","); var NewUrl = FilterUrl; if (sort) { if(window.location.href.indexOf("?sort") > -1) { NewUrl = NewUrl.replace(/(sort=).*?(&|$)/,'$1' + sort + '$2'); } else { NewUrl = NewUrl + '?sort=' + sort; } } else { if(window.location.href.indexOf("?sort") > -1) { NewUrl = NewUrl.replace(/(sort=).*?(&|$)/,'$2'); } } if (order) { if(window.location.href.indexOf("&order") > -1) { NewUrl = NewUrl.replace(/(&order=).*?(&|$)/,'$1' + order + '$2'); } else { NewUrl = NewUrl + '&order=' + order; } } else { if(window.location.href.indexOf("&order") > -1) { NewUrl = NewUrl.replace(/(&order=).*?(&|$)/,'$2'); } } if (key) { if(window.location.href.indexOf("&filter_color=") > -1) { NewUrl = NewUrl.replace(/(&filter_color=).*?(&|$)/,'$1' + key + '$2'); } else { NewUrl = NewUrl + '&filter_color=' + key; } } else { if(window.location.href.indexOf("&filter_color=") > -1) { NewUrl = NewUrl.replace(/(&filter_color=).*?(&|$)/,'$2'); } } if (shapeFilter) { if(window.location.href.indexOf("&filter_shape") > -1) { NewUrl = NewUrl.replace(/(&filter_shape=).*?(&|$)/,'$1' + shapeFilter + '$2'); } else { NewUrl = NewUrl + '&filter_shape=' + shapeFilter; } } else{ if(window.location.href.indexOf("&filter_shape=") > -1) { NewUrl = NewUrl.replace(/(&filter_shape=).*?(&|$)/,'$2'); } } if (originFilter) { if(window.location.href.indexOf("&filter_origin") > -1) { NewUrl = NewUrl.replace(/(&filter_origin=).*?(&|$)/,'$1' + originFilter + '$2'); } else { NewUrl = NewUrl + '&filter_origin=' + originFilter; } } else { if(window.location.href.indexOf("&filter_origin") > -1) { NewUrl = NewUrl.replace(/(&filter_origin=).*?(&|$)/,'$2'); } } if (priceFilter) { if(window.location.href.indexOf("&filter_price") > -1) { NewUrl = NewUrl.replace(/(&filter_price=).*?(&|$)/,'$1' + priceFilter + '$2'); } else { NewUrl = NewUrl + '&filter_price=' + priceFilter; } } if (lengthFilter) { if(window.location.href.indexOf("&filter_length") > -1) { NewUrl = NewUrl.replace(/(&filter_length=).*?(&|$)/,'$1' + lengthFilter + '$2'); } else { NewUrl = NewUrl + '&filter_length=' + lengthFilter; } } if (widthFilter) { if(window.location.href.indexOf("&filter_width") > -1) { NewUrl = NewUrl.replace(/(&filter_width=).*?(&|$)/,'$1' + widthFilter + '$2'); } else { NewUrl = NewUrl + '&filter_width=' + widthFilter; } } if(window.location.href.indexOf("&page") > -1) { NewUrl = NewUrl.replace(/(&page=).*?(&|$)/,'$1' + 1 + '$2'); } else { NewUrl = NewUrl + '&page=' + 1; } if (filterCategory) { if(window.location.href.indexOf("&filter_category") > -1) { NewUrl = NewUrl.replace(/(&filter_category=).*?(&|$)/,'$1' + filterCategory + '$2'); } else { NewUrl = NewUrl + '&filter_category=' + filterCategory; } } else { if(window.location.href.indexOf("&filter_category") > -1) { NewUrl = NewUrl.replace(/(&filter_category=).*?(&|$)/,'$2'); } } if (filterSize) { if(window.location.href.indexOf("&filter_size") > -1) { NewUrl = NewUrl.replace(/(&filter_size=).*?(&|$)/,'$1' + filterSize + '$2'); } else { NewUrl = NewUrl + '&filter_size=' + filterSize; } } else { if(window.location.href.indexOf("&filter_size") > -1) { NewUrl = NewUrl.replace(/(&filter_size=).*?(&|$)/,'$2'); } } if (filterAvailable) { if(window.location.href.indexOf("&filter_available") > -1) { NewUrl = NewUrl.replace(/(&filter_available=).*?(&|$)/,'$1' + filterAvailable + '$2'); } else { NewUrl = NewUrl + '&filter_available=' + filterAvailable; } } else { if(window.location.href.indexOf("&filter_available") > -1) { NewUrl = NewUrl.replace(/(&filter_available=).*?(&|$)/,'$2'); } } if (filter_discount_sale) { if(window.location.href.indexOf("&filter_discount_sale") > -1) { NewUrl = NewUrl.replace(/(&filter_discount_sale=).*?(&|$)/,'$1' + filter_discount_sale + '$2'); } else { NewUrl = NewUrl + '&filter_discount_sale=' + filter_discount_sale; } } else { if(window.location.href.indexOf("&filter_discount_sale") > -1) { NewUrl = NewUrl.replace(/(&filter_discount_sale=).*?(&|$)/,'$2'); } } //location = NewUrl; $('.filter_results_submit').attr('data-href', NewUrl); } var timer; function getTotals () { var FilterUrl = "index.php?route=product/category&path=132&filter_color=4"; //console.log('1'); console.log(FilterUrl); NewUrl = FilterUrl; color_filters = []; $.each($(".filter-checkbox:checked"), function(){ color_filters.push($(this).val()); }); var key = color_filters.join(","); if (sort) { if(window.location.href.indexOf("&sort") > -1) { NewUrl = NewUrl.replace(/(&sort=).*?(&|$)/,'$1' + sort + '$2'); } else { NewUrl = NewUrl + '&sort=' + sort; } } if (order) { if(window.location.href.indexOf("&order") > -1) { NewUrl = NewUrl.replace(/(&order=).*?(&|$)/,'$1' + order + '$2'); } else { NewUrl = NewUrl + '&order=' + order; } } if (key) { if(window.location.href.indexOf("&filter_color=") > -1) { NewUrl = NewUrl.replace(/(&filter_color=).*?(&|$)/,'$1' + key + '$2'); } else { NewUrl = NewUrl + '&filter_color=' + key; } } else { if(window.location.href.indexOf("&filter_color=") > -1) { NewUrl = NewUrl.replace(/(&filter_color=).*?(&|$)/,'$2'); } } if (shapeFilter) { if(window.location.href.indexOf("&filter_shape") > -1) { NewUrl = NewUrl.replace(/(&filter_shape=).*?(&|$)/,'$1' + shapeFilter + '$2'); } else { NewUrl = NewUrl + '&filter_shape=' + shapeFilter; } } else{ if(window.location.href.indexOf("&filter_shape=") > -1) { NewUrl = NewUrl.replace(/(&filter_shape=).*?(&|$)/,'$2'); } } if (originFilter) { if(window.location.href.indexOf("&filter_origin") > -1) { NewUrl = NewUrl.replace(/(&filter_origin=).*?(&|$)/,'$1' + originFilter + '$2'); } else { NewUrl = NewUrl + '&filter_origin=' + originFilter; } } else { if(window.location.href.indexOf("&filter_origin") > -1) { NewUrl = NewUrl.replace(/(&filter_origin=).*?(&|$)/,'$2'); } } if (priceFilter) { if(window.location.href.indexOf("&filter_price") > -1) { NewUrl = NewUrl.replace(/(&filter_price=).*?(&|$)/,'$1' + priceFilter + '$2'); } else { NewUrl = NewUrl + '&filter_price=' + priceFilter; } } if (lengthFilter) { if(window.location.href.indexOf("&filter_length") > -1) { NewUrl = NewUrl.replace(/(&filter_length=).*?(&|$)/,'$1' + lengthFilter + '$2'); } else { NewUrl = NewUrl + '&filter_length=' + lengthFilter; } } if (widthFilter) { if(window.location.href.indexOf("&filter_width") > -1) { NewUrl = NewUrl.replace(/(&filter_width=).*?(&|$)/,'$1' + widthFilter + '$2'); } else { NewUrl = NewUrl + '&filter_width=' + widthFilter; } } if (filterCategory) { if(window.location.href.indexOf("&filter_category") > -1) { NewUrl = NewUrl.replace(/(&filter_category=).*?(&|$)/,'$1' + filterCategory + '$2'); } else { NewUrl = NewUrl + '&filter_category=' + filterCategory; } } if (filterSize) { if(window.location.href.indexOf("&filter_size") > -1) { NewUrl = NewUrl.replace(/(&filter_size=).*?(&|$)/,'$1' + filterSize + '$2'); } else { NewUrl = NewUrl + '&filter_size=' + filterSize; } } if (filterAvailable) { if(window.location.href.indexOf("&filter_available") > -1) { NewUrl = NewUrl.replace(/(&filter_available=).*?(&|$)/,'$1' + filterAvailable + '$2'); } else { NewUrl = NewUrl + '&filter_available=' + filterAvailable; } } if (filter_discount_sale) { if(window.location.href.indexOf("&filter_discount_sale") > -1) { NewUrl = NewUrl.replace(/(&filter_discount_sale=).*?(&|$)/,'$1' + filter_discount_sale + '$2'); } else { NewUrl = NewUrl + '&filter_discount_sale=' + filter_discount_sale; } } //console.log('with change option => ' + NewUrl); //CheckUrl = NewUrl.split(document.domain)[1].slice(1); CheckUrl = NewUrl; CheckUrl = CheckUrl.replace(/(category).*?(&|$)/,'$1' + "/getTotals" + '$2'); console.log(CheckUrl); $.ajax({ url: CheckUrl, type: 'post', dataType: 'json', success: function(json){ if(timer) { clearTimeout(timer); } $('.filter_results_text span').text(json['total']+" Producten"); $('.bar .in').removeClass('animation_removed'); //timer = setTimeout(function () { submitFilters(); }, 5000); } }); } $(document).ready(function(){ $('#price_ranger').ionRangeSlider({ skin: "round", step: 50, values_separator: " — ", onChange: function (data) { clearTimeout(slidingTimer); }, onFinish: function (data) { priceFilter = data.from + '-' + data.to clearTimeout(slidingTimer); getTotals(CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }, }); }); /*$(".bar_price").peity("bar", { fill: "#000000", delimiter: ",", padding: 0, width: $('.filter_slider').width() })*/ //}); </script> </div> </div> <div class="col col-md-4 filter_wrap"> <div class="filter_row filter_slider"> <h5>Lengte</h5> <input id="length_ranger" name="length_ranger" type="text" data-min="195" data-max="650" data-from="195" data-to="650" data-type="double" /> <span class="bar_length">1.2,3.2</span> <script type="text/javascript"> //$(document).ready(function(){ $(document).ready(function(){ $('#length_ranger').ionRangeSlider({ skin: "round", step: 10, values_separator: " — ", onChange: function (data) { clearTimeout(slidingTimer); }, onFinish: function (data) { lengthFilter = data.from + '-' + data.to; clearTimeout(slidingTimer); getTotals (CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }, }); }); /*$(".bar_length").peity("bar", { fill: "#000000", delimiter: ",", padding: 0, width: $('.filter_slider').width() })*/ //}); </script> </div> </div> <div class="col col-md-4 filter_wrap"> <div class="filter_row filter_slider"> <h5>Breedte</h5> <input id="width_ranger" name="width_ranger" type="text" data-min="151" data-max="500" data-from="151" data-to="500" data-type="double" /> <span class="bar_width">1.2,1.2,2.1</span> <script type="text/javascript"> //$(document).ready(function(){ $(document).ready(function(){ $('#width_ranger').ionRangeSlider({ skin: "round", step: 10, values_separator: " — ", onChange: function (data) { clearTimeout(slidingTimer); }, onFinish: function (data) { widthFilter = data.from + '-' + data.to; clearTimeout(slidingTimer); getTotals (CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }, }); const width_instance = $('#width_ranger').data("ionRangeSlider"); }); /*$(".bar_width").peity("bar", { fill: "#000000", delimiter: ",", padding: 0, width: $('.filter_slider').width() })*/ //}); </script> </div> </div> <div class="col-md-4" style="margin-top: 2rem;"> <div class="filter_row filter_radio filter_color"> <h5>KLEUR</h5> <div class="custom-images-wrapper pt-2"> <span class="color-filter-row-1"> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-21"> <input type="checkbox" style="display:none;" id="color_radio-21" name="filter_color" class="filter-checkbox custom-control-input" value="21"> <img src="image/catalog/00_filters/white.png" alt="wit" title="wit"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-3"> <input type="checkbox" style="display:none;" id="color_radio-3" name="filter_color" class="filter-checkbox custom-control-input" value="3"> <img src="image/catalog/00_filters/black.png" alt="Zwarte " title="Zwarte "> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-7"> <input type="checkbox" style="display:none;" id="color_radio-7" name="filter_color" class="filter-checkbox custom-control-input" value="7"> <img src="image/catalog/00_filters/light-grey.png" alt="Grijs" title="Grijs"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-1"> <input type="checkbox" style="display:none;" id="color_radio-1" name="filter_color" class="filter-checkbox custom-control-input" value="1"> <img src="image/catalog/00_filters/blue.png" alt="Blauw" title="Blauw"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label selected " for="color_radio-4"> <input type="checkbox" style="display:none;" id="color_radio-4" name="filter_color" class="filter-checkbox custom-control-input" checked="checked" value="4"> <img src="image/catalog/00_filters/brown.png" alt="Bruin" title="Bruin"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-5"> <input type="checkbox" style="display:none;" id="color_radio-5" name="filter_color" class="filter-checkbox custom-control-input" value="5"> <img src="image/catalog/00_filters/biege.png" alt="Beige" title="Beige"> </label> </div> </span> <span class="color-filter-row-2"> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-6"> <input type="checkbox" style="display:none;" id="color_radio-6" name="filter_color" class="filter-checkbox custom-control-input" value="6"> <img src="image/catalog/00_filters/green.png" alt="Groen" title="Groen"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-9"> <input type="checkbox" style="display:none;" id="color_radio-9" name="filter_color" class="filter-checkbox custom-control-input" value="9"> <img src="image/catalog/00_filters/purple.png" alt="Purper" title="Purper"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-10"> <input type="checkbox" style="display:none;" id="color_radio-10" name="filter_color" class="filter-checkbox custom-control-input" value="10"> <img src="image/catalog/00_filters/red.png" alt="Rood" title="Rood"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-18"> <input type="checkbox" style="display:none;" id="color_radio-18" name="filter_color" class="filter-checkbox custom-control-input" value="18"> <img src="image/catalog/00_filters/pink.png" alt="Roze" title="Roze"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-2"> <input type="checkbox" style="display:none;" id="color_radio-2" name="filter_color" class="filter-checkbox custom-control-input" value="2"> <img src="image/catalog/00_filters/yellow.png" alt="Geel" title="Geel"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-19"> <input type="checkbox" style="display:none;" id="color_radio-19" name="filter_color" class="filter-checkbox custom-control-input" value="19"> <img src="image/catalog/00_filters/orange.png" alt="Oranje" title="Oranje"> </label> </div> </span> <span class="color-filter-row-3"> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-20"> <input type="checkbox" style="display:none;" id="color_radio-20" name="filter_color" class="filter-checkbox custom-control-input" value="20"> <img src="image/catalog/00_filters/turkoise.png" alt="turkooiz" title="turkooiz"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-8"> <input type="checkbox" style="display:none;" id="color_radio-8" name="filter_color" class="filter-checkbox custom-control-input" value="8"> <img src="image/catalog/00_filters/multicolor.png" alt="multi kleur" title="multi kleur"> </label> </div> </span> </div> <script type="text/javascript"> $(document).ready(function(){ $('input[name="filter_color"]').change(function () { $('.image-control-label .filter-checkbox').each(function(index) { if ($(this).prop('checked')==true){ $(this).parent().addClass('selected'); } else { $(this).parent().removeClass('selected'); } }); clearTimeout(slidingTimer); getTotals (CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }); $('.filter-checkbox').click(function () { $(this).parent().toggleClass('selected'); }); }); </script> </div> </div> <div class="col-md-4 sorting-wrap shape-origin-wrap"> <div class="filter_row filter_radio filter_shape"> <h5>Vorm</h5> <div class="filter_shape-cont pt-2"> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" id="shape_radio-1" name="filter_shape" class="filter_shape-check custom-control-input" value="1" /> <label class="custom-control-label " for="shape_radio-1"><div class="shape-rectangle"></div></label> </div> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" id="shape_radio-2" name="filter_shape" class="filter_shape-check custom-control-input" value="2" /> <label class="custom-control-label " for="shape_radio-2"><div class="shape-runner"></div></label> </div> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" id="shape_radio-3" name="filter_shape" class="filter_shape-check custom-control-input" value="3" /> <label class="custom-control-label " for="shape_radio-3"><div class="shape-square"></div></label> </div> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" id="shape_radio-4" name="filter_shape" class="filter_shape-check custom-control-input" value="4" /> <label class="custom-control-label " for="shape_radio-4"><div class="shape-round"></div></label> </div> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" id="shape_radio-5" name="filter_shape" class="filter_shape-check custom-control-input" value="5" /> <label class="custom-control-label " for="shape_radio-5"><div class="shape-oval"></div></label> </div> <script> $(document).ready(function(){ shapeFilter = $('input[name=filter_shape]:checked').val(); $('.filter_shape-check').change(function () { if(shapeFilter == $('input[name=filter_shape]:checked').val()){ $(this).prop('checked', false); } $('.filter_shape .custom-control-label').each(function(index) { $(this).removeClass('selected'); }); $.each($(".filter_shape-check:checked"), function(){ $(this).next().addClass('selected'); }); shapeFilter = $('input[name=filter_shape]:checked').val(); clearTimeout(slidingTimer); getTotals (CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }); }); </script> </div> </div> </div> <div class="sorting-wrap sorting-wrap-new col-md-4"> <div class="filter_row filter_size"> <div class="form-group input-group input-group-sm"> <h5 class="input-group-addon" for="input-sort">Afmeting</h5> <select id="filter_size" name="filter_size" class="form-control"> <option value="" selected="selected" >Select</option> <option value="150x100" > 150 x 100 CM </option> <option value="200x150" > 200 x 150 CM </option> <option value="240x170" > 240 x 170 CM </option> <option value="300x200" > 300 x 200 CM </option> <option value="300x250" > 300 x 250 CM </option> <option value="350x250" > 350 x 250 CM </option> <option value="400x300" > 400 x 300 CM </option> <option value="500x350" > 500 x 350 CM </option> <option value="600x400" > 600 x 400 CM </option> </select> <script> $(document).ready(function(){ $('#filter_size').change(function (e) { filterSize = $(this).val(); if(!filterSize){ widthFilter = false; lengthFilter = false; } else{ var size = filterSize; var sizeAttr = size.split("x"); var length_from = 0; var length_to = 0; var width_from = 0; var width_to = 0; if(size == "150x100" || size == '600x400'){ length_from = parseInt(sizeAttr[0]) - 50; length_to = parseInt(sizeAttr[0]) + 50; width_from = parseInt(sizeAttr[1]) - 50; width_to = parseInt(sizeAttr[1]) + 50; } else{ length_from = parseInt(sizeAttr[0]) - 30; length_to = parseInt(sizeAttr[0]) + 30; width_from = parseInt(sizeAttr[1]) - 30; width_to = parseInt(sizeAttr[1]) + 30; } widthFilter = width_from + '-' + width_to; lengthFilter = length_from + '-' + length_to; } //$('span[data-value="'+filterSize+'"]').trigger('click'); clearTimeout(slidingTimer); getTotals (CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }); }); </script> </div> </div> <div class="filter_row"> <div class="form-group input-group input-group-sm"> <h5 class="input-group-addon" for="input-sort">Sorteren op</h5> <select id="input_sort_order" class="form-control" name="sort_order" onchange="sortFilter(this.value)"> <option value="sort=p.sort_order&order=ASC" selected="selected">Relevantie</option> <option value="sort=p.model&order=DESC">Net aangekomen</option> <option value="sort=p.grade_id&order=DESC">Korting %</option> <option value="sort=p.price&order=ASC">Prijs (Oplopend)</option> <option value="sort=p.price&order=DESC">Prijs (Aflopend)</option> </select> </div> </div> <div class="filter_row checkbox_filter"> <h5 style="padding-left: 1rem;">Show</h5> <div class="form-check" style="margin: 4px 0px 10px !important;float: left;width: 100%;"> <input type="checkbox" name="show_available" class="form-check-input" id="show_available" checked="checked" > <label class="form-check-label" for="show_available">Alleen beschikbaar</label> </div> <div class="form-check" style="margin: 0px !important;float: left;width: 100%; display: none;"> <label class="form-check-label" for="discount_sale">Flash </label> </div> </div> <script> function sortFilter(sort_order_value) { //console.log(sort_order_value); var sort_order = sort_order_value.replace("sort=", ""); var sort_order = sort_order.split("&order="); sort = sort_order[0]; order = sort_order[1]; clearTimeout(slidingTimer); getTotals(CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); } $(document).ready(function(){ $('input[name="show_available"]').click(function (e) { if($(this).is(':checked')){ filterAvailable = $(this).val(); } else { filterAvailable = 'off'; } //console.log(filterAvailable); clearTimeout(slidingTimer); getTotals (CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }); $('input[name="discount_sale"]').click(function (e) { if($(this).is(':checked')){ filter_discount_sale = 1; } else { filter_discount_sale = 0; } //console.log(filter_discount_sale); clearTimeout(slidingTimer); getTotals (CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }); }); </script> </div> </div> <div class="row d-none"> <div class="col"> <div class="filter_row filter_radio filter_shape"> <h5>Vorm</h5> <div class="custom-control custom-radio" onclick="location = 'https://www.vintagecarpets.com/nl/perzische-patina-tapijten?filter_shape=1&filter_color=4';"> <input type="radio" id="shape_radio-1" name="filter_shape" class="custom-control-input" value="1" /> <label class="custom-control-label" for="shape_radio-1"><div class="shape-rectangle"></div></label> </div> <div class="custom-control custom-radio" onclick="location = 'https://www.vintagecarpets.com/nl/perzische-patina-tapijten?filter_shape=2&filter_color=4';"> <input type="radio" id="shape_radio-2" name="filter_shape" class="custom-control-input" value="2" /> <label class="custom-control-label" for="shape_radio-2"><div class="shape-runner"></div></label> </div> <div class="custom-control custom-radio" onclick="location = 'https://www.vintagecarpets.com/nl/perzische-patina-tapijten?filter_shape=3&filter_color=4';"> <input type="radio" id="shape_radio-3" name="filter_shape" class="custom-control-input" value="3" /> <label class="custom-control-label" for="shape_radio-3"><div class="shape-square"></div></label> </div> <div class="custom-control custom-radio" onclick="location = 'https://www.vintagecarpets.com/nl/perzische-patina-tapijten?filter_shape=4&filter_color=4';"> <input type="radio" id="shape_radio-4" name="filter_shape" class="custom-control-input" value="4" /> <label class="custom-control-label" for="shape_radio-4"><div class="shape-round"></div></label> </div> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" id="shape_radio-5" name="filter_shape" class="filter_shape-check custom-control-input" value="5" /> <label class="custom-control-label" for="shape_radio-5"><div class="shape-oval"></div></label> </div> </div> </div> <div class="col"> <div class="filter_row filter_radio"> <h5>SIZE</h5> <div class="custom-control custom-radio"> <input value="200.150" type="radio" id="dimRadio1" name="dimRadio" class="dim-radio custom-control-input"> <label class="custom-control-label" for="dimRadio1">200x150 cm</label> </div> <div class="custom-control custom-radio"> <input value="240.170" type="radio" id="dimRadio2" name="dimRadio" class="dim-radio custom-control-input"> <label class="custom-control-label" for="dimRadio2">240x170 cm</label> </div> <div class="custom-control custom-radio"> <input value="300.200" type="radio" id="dimRadio3" name="dimRadio" class="dim-radio custom-control-input"> <label class="custom-control-label" for="dimRadio3">300x200 cm</label> </div> <div class="custom-control custom-radio"> <input value="300.250" type="radio" id="dimRadio4" name="dimRadio" class="dim-radio custom-control-input"> <label class="custom-control-label" for="dimRadio4">300x250 cm</label> </div> <div class="custom-control custom-radio"> <input value="350.250" type="radio" id="dimRadio5" name="dimRadio" class="dim-radio custom-control-input"> <label class="custom-control-label" for="dimRadio5">350x250 cm</label> </div> <div class="custom-control custom-radio"> <input value="400.300" type="radio" id="dimRadio6" name="dimRadio" class="dim-radio custom-control-input"> <label class="custom-control-label" for="dimRadio6">400x300 cm</label> </div> <div class="custom-control custom-radio"> <input value="500.350" type="radio" id="dimRadio7" name="dimRadio" class="dim-radio custom-control-input"> <label class="custom-control-label" for="dimRadio7">500x350 cm</label> </div> <div class="custom-control custom-radio"> <input value="600.400" type="radio" id="dimRadio8" name="dimRadio" class="dim-radio custom-control-input"> <label class="custom-control-label" for="dimRadio8">600x400 cm</label> </div> <script type="text/javascript"> $(document).ready(function(){ var DimUrl = window.location.href; var Timer; function Start() { $('.dim-radio').change(function () { clearTimeout(Timer); Timer = setTimeout(SendRequest, 1000); }); } function SendRequest() { var key = $('input[name = "dimRadio"]:checked').val().split("."); var DimLength = parseInt(key[0]); var DimWidth = parseInt(key[1]); var NewUrl = DimUrl; if(window.location.href.indexOf("filter_length") > -1) { NewUrl = NewUrl.replace(/(filter_length=).*?(&|$)/,'$1' + (DimLength - 20).toString() + '-' + (DimLength + 20).toString() + '$2'); } else { NewUrl = NewUrl + '&filter_length=' + (DimLength - 20).toString() + '-' + (DimLength + 20).toString(); } if(window.location.href.indexOf("filter_width") > -1) { NewUrl = NewUrl.replace(/(filter_width=).*?(&|$)/,'$1' + (DimWidth - 20).toString() + '-' + (DimWidth + 20).toString() + '$2'); } else { NewUrl = NewUrl + '&filter_width=' + (DimWidth - 20).toString() + '-' + (DimWidth + 20).toString(); } window.location.href = NewUrl; } $(Start); }); </script> </div> </div> </div> </div> <div class="filter_results_text" style="max-width: 300px; text-align: center; margin: 0px auto;"> <div class="filter_desktop_position"> <span>4 Producten</span> <a onclick="submitFilters()" class="filter_results_submit" style="cursor: pointer; color: #fff;">Verzenden</a> </div> </div> <span style="float: right; padding-top: 20px; font-weight: 500; font-size: 16px; color: #000"> 1287 Bezoekers nu online.</span> </div> </div> <div class="category_helpers"> <div class="row"> <div class="col-12 col-md-6"> <ul class="bread" itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://www.vintagecarpets.com/nl/" itemprop="item"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://www.vintagecarpets.com/nl/perzische-patina-tapijten" itemprop="item"><span itemprop="name">Patina Perzische Tapijten</span></a> <meta itemprop="position" content="2" /> </li> </ul> </div> <style type="text/css"> .box-outer { border: 1px solid #ccc; padding: 1px 2px; display: inline-block; text-align: center; line-height: 0; font-size: 0.875rem; } .v-rectangle { height: 20px; width: 10px; background: #ccc; margin: 0px -1px; display: inline-block; vertical-align: middle; } .box-outer:hover, .active .box-outer { border-color: #000; } .box-outer:hover .v-rectangle, .active .box-outer .v-rectangle{ background: #000; } </style> <div class="col-12 col-md-6 text-right"> <a href="#" onclick="return false;" id="large-view"> <div class="box-outer"> <div class="v-rectangle"></div> <div class="v-rectangle"></div> </div> </a> <a href="#" onclick="return false;" id="grid-view"> <div class="box-outer"> <div class="v-rectangle"></div> <div class="v-rectangle"></div> <div class="v-rectangle"></div> <div class="v-rectangle"></div> </div> </a> <a href="#" onclick="return false;" id="list-view"> <div class="box-outer"> <div class="v-rectangle"></div> <div class="v-rectangle"></div> <div class="v-rectangle"></div> <div class="v-rectangle"></div> <div class="v-rectangle"></div> <div class="v-rectangle"></div> </div> </a> </div> </div> </div> <div id="products_wrapper"> <div class="products_container"> <div class="products_loop"> <div class="row"> <div class="product product-grid col-12 col-sm-6 col-xl-3 vc_available" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/Product" data-id="35943"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040-1500x1950.webp"> <!-- added by anees to fix google missing image issue --> <div class="single_product text-center"> <div class="product-media"> <div class="product-actions product-actions-right"> <a href="https://www.vintagecarpets.com/nl/video/kerman-patina-389x290-40040" class="awe-button product-quick-view"><i class="video-icon"></i></a> </div> <div class="product-actions"> <a href="index.php?route=account/login&product_id=35943" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery35943"> <a itemprop="url" href="https://www.vintagecarpets.com/nl/kerman-patina-389x290-40040"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Bruin Perzië Kerman Patina 389 x 290 cm" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Kerman Patina 389 x 290 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/0-10/40040-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-10/40040-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Kerman Patina 389 x 290 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040_a-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040_a-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Kerman Patina 389 x 290 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040_b-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040_b-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Kerman Patina 389 x 290 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040_e-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040_e-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Kerman Patina 389 x 290 cm - view 5" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040_Z-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040_Z-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> </div> </div> </a> <div class="swiper-controls"> <div class="swiper---prev"><i class="fa fa-chevron-left"></i></div> <div class="swiper--pagination"></div> <div class="swiper---next"><i class="fa fa-chevron-right"></i></div> </div> </div> <a itemprop="url" href="https://www.vintagecarpets.com/nl/kerman-patina-389x290-40040"> <div class="product-thumbnail"> <img alt="Bruin Perzië Kerman Patina 389 x 290 cm" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40034-40188/Vintage-perserteppich-40040-480x625.webp" loading="lazy" width="480" height="625"> </div> </a> </div> <div class="product-body" style="min-height: 150px;"> <span class="status_luxury" style="padding: 2px 10px 7px; position: absolute; left: 0px; line-height: 20px; font-size: 14px;bottom: 137px;z-index: 9; background: #000; color: #fff;">Luxe</span> <span class="status_new" style="padding: 2px 10px 7px; position: absolute; left: 0px; line-height: 20px; font-size: 14px;bottom: 170px;z-index: 9; background: #fff; color: #000;">Nieuw</span> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Patina handgemaakte tapijten bieden een verfijnde manier om uw woning te verrijken met karakter en e..</div> <meta itemprop="sku" content="40040"> <div itemprop="brand" itemscope itemtype="https://schema.org/Brand"> <meta itemprop="name" content="Vintagecarpets.com"> </div> <h3 class="product-name" itemprop="name"> <a href="https://www.vintagecarpets.com/nl/kerman-patina-389x290-40040"> Kerman Patina <br/>389 x 290 cm </a> </h3> <div class="product-price discount30" itemprop="offers" itemscope="" itemtype="https://schema.org/Offer" style="padding: 10px 0px 9px; min-height: 75px;"> <a itemprop="url" href="https://www.vintagecarpets.com/nl/kerman-patina-389x290-40040" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="1750.00"> <span class="amount members-price" style="font-size: 1.2rem; text-decoration: line-through; text-decoration-color: red;"> € 2187</span> </a> <span class="d-inline d-md-none"> </span> <a class="agree2" href="https://www.vintagecarpets.com/index.php?route=information/information/agree&information_id=63" style="color: red;font-size: 18px !important;font-weight: 500;padding-top: 2px;padding-left: 0px;display: block;max-width: 170px;margin: 0px auto;"> -20% € 1750 </a> </div> </div> </div> </div> <div class="product product-grid col-12 col-sm-6 col-xl-3 vc_available" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/Product" data-id="35930"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027-1500x1950.webp"> <!-- added by anees to fix google missing image issue --> <div class="single_product text-center"> <div class="product-media"> <div class="product-actions product-actions-right"> <a href="https://www.vintagecarpets.com/nl/video/moud-patina-381x251-40027" class="awe-button product-quick-view"><i class="video-icon"></i></a> </div> <div class="product-actions"> <a href="index.php?route=account/login&product_id=35930" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery35930"> <a itemprop="url" href="https://www.vintagecarpets.com/nl/moud-patina-381x251-40027"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Blauw Perzië Moud Patina 381 x 251 cm" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Moud Patina 381 x 251 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/0-10/40027-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-10/40027-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Moud Patina 381 x 251 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027_a-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027_a-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Moud Patina 381 x 251 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027_b-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027_b-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Moud Patina 381 x 251 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027_e-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027_e-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Moud Patina 381 x 251 cm - view 5" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027_Z-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027_Z-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> </div> </div> </a> <div class="swiper-controls"> <div class="swiper---prev"><i class="fa fa-chevron-left"></i></div> <div class="swiper--pagination"></div> <div class="swiper---next"><i class="fa fa-chevron-right"></i></div> </div> </div> <a itemprop="url" href="https://www.vintagecarpets.com/nl/moud-patina-381x251-40027"> <div class="product-thumbnail"> <img alt="Blauw Perzië Moud Patina 381 x 251 cm" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29250-40033/Vintage-perserteppich-40027-480x625.webp" loading="lazy" width="480" height="625"> </div> </a> </div> <div class="product-body" style="min-height: 150px;"> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Patina handgemaakte tapijten bieden een verfijnde manier om uw woning te verrijken met karakter en e..</div> <meta itemprop="sku" content="40027"> <div itemprop="brand" itemscope itemtype="https://schema.org/Brand"> <meta itemprop="name" content="Vintagecarpets.com"> </div> <h3 class="product-name" itemprop="name"> <a href="https://www.vintagecarpets.com/nl/moud-patina-381x251-40027"> Moud Patina <br/>381 x 251 cm </a> </h3> <div class="product-price discount30" itemprop="offers" itemscope="" itemtype="https://schema.org/Offer" style="padding: 10px 0px 9px; min-height: 75px;"> <a itemprop="url" href="https://www.vintagecarpets.com/nl/moud-patina-381x251-40027" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="1266.00"> <span class="amount members-price" style="font-size: 1.2rem; text-decoration: line-through; text-decoration-color: red;"> € 1583</span> </a> <span class="d-inline d-md-none"> </span> <a class="agree2" href="https://www.vintagecarpets.com/index.php?route=information/information/agree&information_id=63" style="color: red;font-size: 18px !important;font-weight: 500;padding-top: 2px;padding-left: 0px;display: block;max-width: 170px;margin: 0px auto;"> -20% € 1266 </a> </div> </div> </div> </div> <div class="product product-grid col-12 col-sm-6 col-xl-3 vc_available" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/Product" data-id="36153"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250-1500x1950.jpg"> <!-- added by anees to fix google missing image issue --> <div class="single_product text-center"> <div class="product-media"> <div class="product-actions product-actions-right"> <a href="https://www.vintagecarpets.com/nl/video/bakhtiar-patina-195x151-40250" class="awe-button product-quick-view"><i class="video-icon"></i></a> </div> <div class="product-actions"> <a href="index.php?route=account/login&product_id=36153" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery36153"> <a itemprop="url" href="https://www.vintagecarpets.com/nl/bakhtiar-patina-195x151-40250"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Bruin Perzië Bakhtiar Patina 195 x 151 cm" src="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Bakhtiar Patina 195 x 151 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/0-10/40250-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-10/40250-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Bakhtiar Patina 195 x 151 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Bakhtiar Patina 195 x 151 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250_b-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Bruin Perzië Bakhtiar Patina 195 x 151 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250_Z-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> </div> </div> </a> <div class="swiper-controls"> <div class="swiper---prev"><i class="fa fa-chevron-left"></i></div> <div class="swiper--pagination"></div> <div class="swiper---next"><i class="fa fa-chevron-right"></i></div> </div> </div> <a itemprop="url" href="https://www.vintagecarpets.com/nl/bakhtiar-patina-195x151-40250"> <div class="product-thumbnail"> <img alt="Bruin Perzië Bakhtiar Patina 195 x 151 cm" src="https://www.vintagecarpets.com/image/cache/catalog/40000-41157/Vintage-perserteppich-40250-480x625.jpg" loading="lazy" width="480" height="625"> </div> </a> </div> <div class="product-body" style="min-height: 150px;"> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Patina handgemaakte tapijten bieden een verfijnde manier om uw woning te verrijken met karakter en e..</div> <meta itemprop="sku" content="40250"> <div itemprop="brand" itemscope itemtype="https://schema.org/Brand"> <meta itemprop="name" content="Vintagecarpets.com"> </div> <h3 class="product-name" itemprop="name"> <a href="https://www.vintagecarpets.com/nl/bakhtiar-patina-195x151-40250"> Bakhtiar Patina <br/>195 x 151 cm </a> </h3> <div class="product-price discount30" itemprop="offers" itemscope="" itemtype="https://schema.org/Offer" style="padding: 10px 0px 9px; min-height: 75px;"> <a itemprop="url" href="https://www.vintagecarpets.com/nl/bakhtiar-patina-195x151-40250" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="483.00"> <span class="amount members-price" style="font-size: 1.2rem; text-decoration: line-through; text-decoration-color: red;"> € 604</span> </a> <span class="d-inline d-md-none"> </span> <a class="agree2" href="https://www.vintagecarpets.com/index.php?route=information/information/agree&information_id=63" style="color: red;font-size: 18px !important;font-weight: 500;padding-top: 2px;padding-left: 0px;display: block;max-width: 170px;margin: 0px auto;"> -20% € 483 </a> </div> </div> </div> </div> <div class="product product-grid col-12 col-sm-6 col-xl-3 vc_available" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/Product" data-id="36149"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246-1500x1950.webp"> <!-- added by anees to fix google missing image issue --> <div class="single_product text-center"> <div class="product-media"> <div class="product-actions product-actions-right"> <a href="https://www.vintagecarpets.com/nl/video/kashmar-patina-395x295-40246" class="awe-button product-quick-view"><i class="video-icon"></i></a> </div> <div class="product-actions"> <a href="index.php?route=account/login&product_id=36149" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery36149"> <a itemprop="url" href="https://www.vintagecarpets.com/nl/kashmar-patina-395x295-40246"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Blauw Perzië Kashmar Patina 395 x 295 cm" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Kashmar Patina 395 x 295 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246_a-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246_a-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Kashmar Patina 395 x 295 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246_b-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246_b-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Kashmar Patina 395 x 295 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246_e-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246_e-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Blauw Perzië Kashmar Patina 395 x 295 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246_Z-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246_Z-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> </div> </div> </a> <div class="swiper-controls"> <div class="swiper---prev"><i class="fa fa-chevron-left"></i></div> <div class="swiper--pagination"></div> <div class="swiper---next"><i class="fa fa-chevron-right"></i></div> </div> </div> <a itemprop="url" href="https://www.vintagecarpets.com/nl/kashmar-patina-395x295-40246"> <div class="product-thumbnail"> <img alt="Blauw Perzië Kashmar Patina 395 x 295 cm" src="https://www.vintagecarpets.com/image/cache/catalog/webp/40189-40297/Vintage-perserteppich-40246-480x625.webp" loading="lazy" width="480" height="625"> </div> </a> </div> <div class="product-body" style="min-height: 150px;"> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Patina handgemaakte tapijten bieden een verfijnde manier om uw woning te verrijken met karakter en e..</div> <meta itemprop="sku" content="40246"> <div itemprop="brand" itemscope itemtype="https://schema.org/Brand"> <meta itemprop="name" content="Vintagecarpets.com"> </div> <h3 class="product-name" itemprop="name"> <a href="https://www.vintagecarpets.com/nl/kashmar-patina-395x295-40246"> Kashmar Patina <br/>395 x 295 cm </a> </h3> <div class="product-price discount30" itemprop="offers" itemscope="" itemtype="https://schema.org/Offer" style="padding: 10px 0px 9px; min-height: 75px;"> <a itemprop="url" href="https://www.vintagecarpets.com/nl/kashmar-patina-395x295-40246" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="1322.00"> <span class="amount members-price" style="font-size: 1.2rem; text-decoration: line-through; text-decoration-color: red;"> € 1653</span> </a> <span class="d-inline d-md-none"> </span> <a class="agree2" href="https://www.vintagecarpets.com/index.php?route=information/information/agree&information_id=63" style="color: red;font-size: 18px !important;font-weight: 500;padding-top: 2px;padding-left: 0px;display: block;max-width: 170px;margin: 0px auto;"> -20% € 1322 </a> </div> </div> </div> </div> </div> </div> <div class="pagination-cont"> <div class="pagination-row row no-gutters"> <div class="col-12 col-sm-4 pagination-results text-left">Weergeven 1 t/m 4 van in totaal 4</div> <div class="col-12 col-sm-4 pagination-more text-center"></div> <div class="col-12 col-sm-4 pagination-list text-right"></div> </div> </div> <div class="category_description" style="margin-bottom: 25px;"> <h3>Zijn bruine vloerkleden te donker voor kleine kamers?</h3> <p>Niet als je een lichte walnootkleur kiest. De natuurlijke variaties in een bruin vintage tapijt voegen diepte toe en laten een kamer rustig en ruimtelijk aanvoelen.</p> <h3>Welke materialen passen goed bij bruin?</h3> <p>Welke materialen passen goed bij bruin?</p> <h3>Welke materialen passen goed bij bruin?</h3> <p>Welke materialen passen goed bij bruin?</p> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Wat is een Patina tapijt?", "acceptedAnswer": { "@type": "Answer", "text": "Een Patina tapijt is een uniek handgeknoopt kunstwerk, zorgvuldig geselecteerd uit authentieke, oudere Perzische tapijten die vol schoonheid en historie zitten. In plaats van nieuw geproduceerd te worden, worden deze tapijten meesterlijk verjongd door een grondige wassing en deskundige inspectie, waardoor ze in een bijna-nieuwstaat verkeren. De subtiele ouderdomssporen verrijken hun erfgoed en bieden een diepte en authenticiteit die nieuwe tapijten niet kunnen evenaren." } }, { "@type": "Question", "name": "Zijn Patina tapijten duurzaam?", "acceptedAnswer": { "@type": "Answer", "text": "Ja, kiezen voor een Patina tapijt is een investering in milieuvriendelijke luxe. Door bestaande handgeknoopte schatten een tweede leven te geven, verminderen we afval en vermijden we de ecologische voetafdruk van de productie van nieuwe synthetische stoffen. Deze tapijten zijn gemaakt van 100% natuurlijke wol en katoen – hernieuwbare, biologisch afbreekbare materialen die een gezond en duurzaam alternatief bieden voor massaal geproduceerde synthetische tapijten." } }, { "@type": "Question", "name": "Hoe goed is de kwaliteit van Perzische Patina tapijten?", "acceptedAnswer": { "@type": "Answer", "text": "De kwaliteit is uitzonderlijk omdat deze tapijten afkomstig zijn van hoogwaardige Perzische stukken die hun duurzaamheid al decennia lang hebben bewezen. Handgeknoopt met hoogwaardige wol op een stabiele katoenen basis, zijn ze van nature vuilafstotend en gebouwd om een leven lang mee te gaan. Ons gespecialiseerde verjongingsproces zorgt ervoor dat elk tapijt structureel in orde is, professioneel gereinigd en klaar voor nog vele jaren gebruik." } } ] }</script> </div> </div> </div> <div id="temp-container" style="display:none"></div> <script type="text/javascript"><!-- if($("#page-next").length > 0) { } else { $('#products_wrapper #loadmore .loadmore_text').html('GEEN PRODUCTEN MEER'); $('#products_wrapper #loadmore').removeClass('loaded').addClass('disabled'); } $( "body" ).delegate( "#loadmore.loaded", "click", function() { var next = $("#page-next").attr("href"); var nextNr = (parseInt($("#page-next").attr("data-nr"))+1); $('#products_wrapper #loadmore').addClass('loading').removeClass('loaded'); $( "#temp-container").load(next+' .products_container', function() { $( "#products_wrapper .products_container .products_loop").append($('#temp-container .products_container .products_loop .row').addClass('row-'+nextNr).hide()); $( "#products_wrapper .pagination-cont").html($("#temp-container .pagination-cont").html()); $( "#temp-container").html(''); if($("#page-next").length > 0) { } else { $('#products_wrapper #loadmore .loadmore_text').html('GEEN PRODUCTEN MEER'); $('#products_wrapper #loadmore').removeClass('loaded').addClass('disabled'); } window.history.pushState(null, null, next); $('.row-'+nextNr+' .product').each(function(index){ var id = $(this).data('id'); var that = $(this); var has_gallery = $(this).find('.product-gallery').data('swiper'); if(has_gallery != 1) { startSwiper(id); $('#gallery'+id).addClass('active'); that.attr('data-swiper', 1); } }); $('.row-'+nextNr).fadeIn("slow") }); }); function submitFilters () { var FilterUrl = window.location.href; var FilterUrl = FilterUrl.split("?"); filter_url = FilterUrl[0] + '?page=1'; //console.log(filter_url); var sort_order_value = $('select[name=\'sort_order\']').val(); var sort_order = sort_order_value.replace("sort=", ""); sort_order = sort_order.split("&order="); sort = sort_order[0]; order = sort_order[1]; if (sort) { filter_url = filter_url + '&sort=' + sort; } if (order) { filter_url = filter_url + '&order=' + order; } color_filters = []; $.each($(".filter-checkbox:checked"), function(){ color_filters.push($(this).val()); }); var filter_color = color_filters.join(","); if (filter_color) { filter_url = filter_url + '&filter_color=' + filter_color; } var filter_shape = $('input[name=\'filter_shape\']:checked').val(); if (filter_shape) { filter_url = filter_url + '&filter_shape=' + filter_shape; } var filter_origin = $('input[name=\'filter_origin\']:checked').val(); if (filter_origin) { filter_url = filter_url + '&filter_origin=' + filter_origin; } var filter_price = $('input[name=\'price_ranger\']').val(); filter_price = filter_price.replace(";", "-"); if (filter_price) { filter_url = filter_url + '&filter_price=' + filter_price; } var filter_length = $('input[name=\'length_ranger\']').val(); filter_length = filter_length.replace(";", "-"); if (filter_length) { filter_url = filter_url + '&filter_length=' + filter_length; } var filter_width = $('input[name=\'width_ranger\']').val(); filter_width = filter_width.replace(";", "-"); if (filter_width) { filter_url = filter_url + '&filter_width=' + filter_width; } var filter_size = $('select[name=\'filter_size\']').val();; if (filter_size) { filter_url = filter_url + '&filter_size=' + filter_size; } var filter_available = $('input[name=\'show_available\']:checked').val(); if (filter_available) { filter_url = filter_url + '&filter_available=' + filter_available; } else { filter_url = filter_url + '&filter_available=off'; } var filter_discount_sale = $('input[name=\'discount_sale\']:checked').val(); if (filter_discount_sale) { filter_url = filter_url + '&filter_discount_sale=' + filter_discount_sale; } //console.log(filter_url); location = filter_url; } </script> <script type="text/javascript"> window.addEventListener('load', function() { // Safety check initialization: window.dataLayer = window.dataLayer || []; dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "view_item_list", ecommerce: { items: [{"item_id":"35943","item_name":"Kerman Patina <br\/>389 x 290 cm","currency":"EUR","discount":937,"index":"23","item_brand":"VintageCarpets.com","item_category":"Handgeknoopte Perzische Tapijten","item_category2":"Alle Handgeknoopte Tapijten","item_category3":"Patina Perzische Tapijten","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":3124,"quantity":"1"},{"item_id":"35930","item_name":"Moud Patina <br\/>381 x 251 cm","currency":"EUR","discount":678,"index":"34","item_brand":"VintageCarpets.com","item_category":"Alle Handgeknoopte Tapijten","item_category2":"Patina Perzische Tapijten","item_category3":"","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":2261,"quantity":"1"},{"item_id":"36153","item_name":"Bakhtiar Patina <br\/>195 x 151 cm","currency":"EUR","discount":259,"index":"44","item_brand":"VintageCarpets.com","item_category":"Alle Handgeknoopte Tapijten","item_category2":"Patina Perzische Tapijten","item_category3":"","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":863,"quantity":"1"},{"item_id":"36149","item_name":"Kashmar Patina <br\/>395 x 295 cm","currency":"EUR","discount":708,"index":"77","item_brand":"VintageCarpets.com","item_category":"Alle Handgeknoopte Tapijten","item_category2":"Patina Perzische Tapijten","item_category3":"","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":2361,"quantity":"1"}] } }); }); /*dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "view_item_list", ecommerce: { items: [{"item_id":"35943","item_name":"Kerman Patina <br\/>389 x 290 cm","currency":"EUR","discount":937,"index":"23","item_brand":"VintageCarpets.com","item_category":"Handgeknoopte Perzische Tapijten","item_category2":"Alle Handgeknoopte Tapijten","item_category3":"Patina Perzische Tapijten","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":3124,"quantity":"1"},{"item_id":"35930","item_name":"Moud Patina <br\/>381 x 251 cm","currency":"EUR","discount":678,"index":"34","item_brand":"VintageCarpets.com","item_category":"Alle Handgeknoopte Tapijten","item_category2":"Patina Perzische Tapijten","item_category3":"","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":2261,"quantity":"1"},{"item_id":"36153","item_name":"Bakhtiar Patina <br\/>195 x 151 cm","currency":"EUR","discount":259,"index":"44","item_brand":"VintageCarpets.com","item_category":"Alle Handgeknoopte Tapijten","item_category2":"Patina Perzische Tapijten","item_category3":"","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":863,"quantity":"1"},{"item_id":"36149","item_name":"Kashmar Patina <br\/>395 x 295 cm","currency":"EUR","discount":708,"index":"77","item_brand":"VintageCarpets.com","item_category":"Alle Handgeknoopte Tapijten","item_category2":"Patina Perzische Tapijten","item_category3":"","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":2361,"quantity":"1"}] } });*/ </script> </div> <div class="freephone-container"><a href="https://www.vintagecarpets.com/index.php?route=account/account">Contacteer de eigenaren via WhatsApp +306985998888</a></div> <footer> <div class="container-fluid"> <div class="row"> <div class="col-3 d-none d-xl-block"> <div class="f_logo_img"><img alt="VINTAGE CARPETS" src="image/catalog/src/vintagecarpets-logo-white.svg" width="190" height="160" /></div> <div class="f_logo_text">FOLLOW US</div> <div class="f_social"> <a aria-label="Follow Vintage Carpets on Facebook" href="https://www.facebook.com/vintagecarpet/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a aria-label="Follow Vintage Carpets on YouTube" href="https://www.youtube.com/user/sobsie" target="_blank"><i class="fab fa-youtube"></i></a> <a aria-label="Follow Vintage Carpets on Pinterest" href="https://gr.pinterest.com/vintageteppich/" target="_blank"><i class="fab fa-pinterest-p"></i></a> <a aria-label="Follow Vintage Carpets on Instagram" href="https://www.instagram.com/vintagecarpets/" target="_blank"><i class="fab fa-instagram"></i></a> </div> </div> <div class="col-12 col-xl-9"> <div class="row"> <div class="col-12 col-sm-4 mb-3 f_showroom"> <h5 class="f_showroom-title">Berlin SHOWROOM</h5> <div class="f_showroom-address"><div>Duxiana Berlin</div><div>Knesebeckstrasse 54</div><div>10719 Berlin Germany</div></div> <div class="f_showroom-phone">T: +49 3031802024</div> </div> <div class="col-12 col-sm-4 mb-3 f_showroom"> <h5 class="f_showroom-title">Athens SHOWROOM</h5> <div class="f_showroom-address"><div><a href="https://www.amirreza.gr/" target="_blank">Amir Reza</a></div><div>Kifissias Avenue 87</div><div>15124 Athens Greece</div></div> <div class="f_showroom-phone">T: +30 2106109345</div> </div> <div class="col-12 col-sm-4 mb-3 f_showroom"> <h5 class="f_showroom-title">Barcelona SHOWROOM</h5> <div class="f_showroom-address"><div>Luzio</div><div>Calle Ferran Agullo 16,</div><div>08021 Barcelona Spanje</div></div> <div class="f_showroom-phone">T: +34 93 209 4123</div> </div> </div> <div class="clearfix"></div> <div class="row mt-5"> <div class="col-12 col-sm-4 mb-4 mb-md-0"> <h5>CATEGORIEËN</h5> <ul itemscope itemtype="https://www.schema.org/SiteNavigationElement"> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/vintage-tapijten">Vintage </a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/moderne-handgemaakte-tapijten">Modern</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/perzische-tapijten-handgeknoopt">Perzen</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/perzische-patina-tapijten">Patina</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/vintage-tapijt-sale">SALE</a></li> </ul> </div> <div class="col-12 col-sm-4 mb-4 mb-md-0"> <h5>Informatie</h5> <ul itemscope itemtype="https://www.schema.org/SiteNavigationElement"> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/over-ons">Over ons</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/waarom-ons">Veelgestelde vragen</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/inspiratie">Inspiratie</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/Vintage-tapijten-Informatie">Buyers Guide</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/blog">Blogs</a></li> </ul> </div> <div class="col-12 col-sm-4 mb-4 mb-md-0"> <h5>DIENSTEN</h5> <ul itemscope itemtype="https://www.schema.org/SiteNavigationElement"> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/index.php?route=information/contact">Contact</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/retourbeleid">Retourbeleid</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/impressum-nl">Colofon</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/privacybeleid">Privacybeleid</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/nl/voorwaarden">Voorwaarden</a></li> </ul> </div> </div> </div> </div> </div> </footer> <div class="footer-copyright-wrap"> <div class="footer-copyright container-fluid"> <div class="row"> <div class="footer-copy-col col-xl-12 col-12 justify-content-center text-center text-xl-left"> © 2026 Vintage Carpets - Alle rechten voorbehouden </div> <div class="footer-copy-col footer-copy-col-center justify-content-center col-xl-12 col-12 pb-2 pt-3" style="display:none!important;"> <img src="image/catalog/src/infos/credits_all_nl.png" alt="Credit Icon" title="Credit Icon"> </div> </div> </div> </div> <a href="javascript:" id="return-to-top"><i class="fal fa-chevron-up"></i></i></a> </body> <script src="catalog/view/theme/vc/assets/js/popper.min.js" type="text/javascript" defer></script> <script src="catalog/view/theme/vc/assets/js/bootstrap.min.js" type="text/javascript" defer></script> <script src="catalog/view/theme/vc/assets/plugins/mmenu/mmenu.js" type="text/javascript" defer></script> <script src="catalog/view/javascript/common.js?v=4.80" type="text/javascript" defer></script> <script type="text/javascript"> // Validate Coupon $(document).on('click', '#side-button-coupon', function() { $('#side-coupon-success').html(''); var coupon_value = $('input[name=\'side_coupon\']').val(); if(coupon_value=='') { var error_html = '<div class="alert alert-danger" style="padding: 7px 15px; font-size: 14px;">Gutscheincode ist ungültig! <button type="button" class="close" data-dismiss="alert">×</button></div>'; $('#side-coupon-success').html(error_html); } else { $.ajax({ url: 'index.php?route=extension/quickcheckout/voucher/validateCoupon', type: 'post', data: { coupon : coupon_value }, dataType: 'json', cache: false, beforeSend: function() { $('#side-button-coupon').prop('disabled', true); $('#side-button-coupon').after('<i class="far fa-spinner fa-spin"></i>'); }, complete: function() { $('#side-button-coupon').prop('disabled', false); $('#side-coupon-content .fa-spinner').remove(); }, success: function(json) { $('.alert').remove(); if (json['success']) { var error_html = '<div class="alert alert-success" style="padding: 7px 15px; font-size: 14px; background: #4cb64c;border-color: #4cb64c;color: #fff;"><i class="fa fa-check-circle"></i> Erfolg: Guscheincode-Rabatt wurde angewendet! <button type="button" class="close" data-dismiss="alert">×</button></div>'; $('#side-coupon-success').html(error_html); $('#cart-wrap #cart-container').load('index.php?route=common/cart/info .modal-inner'); } else if (json['error']) { var error_html = '<div class="alert alert-danger" style="padding: 7px 15px; font-size: 14px;">' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'; $('#side-coupon-success').html(error_html); } }, }); } }); $("#cookie_close").click(function(){ Cookies.set("VINTAGECC", Date.now(), { expires: 30 }); $("#cookieWrap").fadeOut(600); $("#cookieWrap").remove(); }); function loginModal(product_id) { var login_popup_link_html = '<a href="index.php?route=account/login&product_id='+ product_id +'" class="btn btn-primary">Verder</a>'; $("#login_popup_link").html(login_popup_link_html); } </script> <script src="https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" defer></script> <script src="https://kit.fontawesome.com/1f94a9ac53.js" crossorigin="anonymous" defer data-search-pseudo-elements></script> </html>