</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 class="topbar_msg agree2" style="color:#ffffff;" href="index.php?route=information/information/agree&information_id=50"> Zusätzlich 5% sparen — Wählen Sie Ihre Rückgabebedingungen <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;">Neue Zahlungsmethode: Jetzt kaufen, später bezahlen mit 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/" title="Vintage Teppich"> <!--<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\/","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":"Premium-Kollektion handgefertigter Vintage- und Orientteppiche direkt vom Hersteller.","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">Deutsch</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=96_109" /> </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/alle-kategorien-handgefertigte-teppiche" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Alle Teppiche</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/vintage-teppiche" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Vintage Teppiche</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/moderne-handgeknuepfte-teppiche" 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/Perserteppich" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Perserteppiche</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/patina-teppiche" 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/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/vintage-teppiche-guenstig" 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><!--Menu--> ☰</span> </a> </div> </div> </div> </div> </div> </header> <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=96_109" /> </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=96_109" /> <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 (Deutsch)</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/alle-kategorien-handgefertigte-teppiche" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Alle Teppiche</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/vintage-teppiche" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Vintage Teppiche</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/moderne-handgeknuepfte-teppiche" 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/Perserteppich" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Perserteppiche</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/patina-teppiche" 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/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/vintage-teppiche-guenstig" 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">Suchfilter</a></li> <li><a href="https://www.vintagecarpets.com/cart" id="cart_icon" data-toggle="modal" data-target="#cart">Warenkorb</a></li> <li><a href="https://www.vintagecarpets.com/mywishlist" id="wish_icon" data-toggle="modal" data-target="#cart">Wunschliste</a></li> <li><a href="https://www.vintagecarpets.com/anmelden">Konto</a></li> <li> <span> <a href="https://www.vintagecarpets.com/registrieren">Registrierung</a> / <a href="https://www.vintagecarpets.com/anmelden">Anmelden</a> </span> </li> <li> <a href="#">Währung (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/kontakt">Kontakt</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/checkout"> <img src="image/catalog/src/icons/cart-icon.svg" class="img-popover" alt="WARENKORB" width="12" height="15"> <h5 class="modal-title">WARENKORB</h5> </a> </li> <li class="nav-item"> <a class="nav-link" id="offcanvas-wishlist-tab" href="https://www.vintagecarpets.com/mywishlist" > <img src="image/catalog/src/icons/heart.svg" class="img-popover" alt="WUNSCHLISTE" width="15" height="15"> <h5 class="modal-title">WUNSCHLISTE</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> Warenkorb ist noch leer </div> </div> <div class="modal-footer"> <a href="https://www.vintagecarpets.com/schnell-kasse" class="btn btn-block btn-primary disabled">Bezahlen</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> Wunschliste ist noch leer! </div> </div> <div class="modal-footer"> <a href="https://www.vintagecarpets.com/mywishlist" class="btn btn-block btn-primary disabled">WUNSCHLISTE</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> <style> .loader-spinner { width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: #000; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> <script type="text/javascript"> $(document).on('click', '#desktop_menu_link', function (e) { e.preventDefault(); rightSearch(); }); function rightSearch() { // Open modal immediately $('#desktop_menu').modal('show'); // Show loading state immediately $('#right_search_body').html( '<div class="right-search-loading" style="padding: 30px; text-align: center;">' + '<div class="loader-spinner" role="status"></div>' + '</div>' ); $.ajax({ url: 'index.php?route=common/rightsearch', dataType: 'html', success: function(html) { $('#right_search_body').html(html); }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } </script> <div id="desktop_menu" class="modal" style="max-width: 100%; min-width: 100%;"> <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>Shiraz Teppiche</h1> <h2>Shiraz Teppiche werden von Nomadenstämmen der Region Fars geknüpft und tragen kräftige geometrische Muster mit warmem, authentischem Charakter. Jeder Shiraz Teppich in unserer Kollektion wird persönlich nach außergewöhnlicher Qualität ausgewählt und ist handgeknüpft aus Naturwolle. Bestpreise garantiert, ein exklusives Video für jeden Teppich, Gratis Versand und 30 Tage Geld-zurück-Garantie für EU-Kunden.</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>Größe</h5> </div> <div class="col col-md-11 filter_sizes"> <button class="single_size d-sm-none d-md-none d-lg-none d-xl-block" data-value="150x100"> 150 x 100 cm </button> <button type="button" class="single_size" data-value="200x150"> 200 x 150 cm</button> <button type="button" class="single_size" data-value="240x170"> 240 x 170 cm</button> <button type="button" class="single_size" data-value="300x200"> 300 x 200 cm</button> <button type="button" class="single_size" data-value="300x250"> 300 x 250 cm</button> <button type="button" class="single_size" data-value="350x250"> 350 x 250 cm</button> <button type="button" class="single_size" data-value="400x300"> 400 x 300 cm</button> <button type="button" class="single_size" data-value="500x350"> 500 x 350 cm</button> <button type="button" class="single_size d-sm-none d-md-none d-lg-none d-xl-block" data-value="600x400"> 600 x 400 cm</button> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ jQuery('.single_size').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'); } }); }); </script> </div> <div class="col col-md-4 filter_wrap"> <div class="filter_row filter_slider"> <h5>PREIS</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,3.4,5.1,3.4,15.3,5.1,6.8,15.3,11.9,11.9,18.7,5.1,3.4,3.4,5.1,1.7,1.7,1.7</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=96_109"; //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']+" Produkte"); $('.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>LÄNGE</h5> <input id="length_ranger" name="length_ranger" type="text" data-min="100" data-max="650" data-from="100" data-to="650" data-type="double" /> <span class="bar_length">2.6,1.3,1.3,14.3,3.9,13,14.3,20.8,18.2,15.6,5.2,2.6,1.3</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>BREITE</h5> <input id="width_ranger" name="width_ranger" type="text" data-min="55" data-max="500" data-from="55" data-to="500" data-type="double" /> <span class="bar_width">2.6,2.6,2.6,11.7,9.1,9.1,18.2,24.7,11.7,6.5,5.2,6.5,2.6</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>FARBE</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="Weiß" title="Weiß"> </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="Schwarz" title="Schwarz"> </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="Grau" title="Grau"> </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="Blau" title="Blau"> </label> </div> <div class="custom-control custom-radio custom-images"> <label class="image-control-label " for="color_radio-4"> <input type="checkbox" style="display:none;" id="color_radio-4" name="filter_color" class="filter-checkbox custom-control-input" value="4"> <img src="image/catalog/00_filters/brown.png" alt="Braun" title="Braun"> </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="Grün" title="Grün"> </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="lila" title="lila"> </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="Rot" title="Rot"> </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="Rosa" title="Rosa"> </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="Gelb" title="Gelb"> </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="Orange" title="Orange"> </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="Türkis" title="Türkis"> </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="Mehrfarbig" title="Mehrfarbig"> </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>FORM</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> <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">Größe</h5> <select id="filter_size" name="filter_size" class="form-control"> <option value="" selected="selected" >Auswählen</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">SORTIEREN</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">Relevanz</option> <option value="sort=p.model&order=DESC">Neu eingetroffen</option> <option value="sort=p.grade_id&order=DESC">Rabatt %</option> <option value="sort=p.price&order=ASC">Günstigste</option> <option value="sort=p.price&order=DESC">Teuerste</option> </select> </div> </div> <div class="filter_row checkbox_filter"> <h5 style="padding-left: 1rem;">Anzeigen</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">Nur verfügbare</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>FORM</h5> <div class="custom-control custom-radio" onclick="location = 'https://www.vintagecarpets.com/Perserteppich/persische-shiraz-teppiche?filter_shape=1';"> <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/Perserteppich/persische-shiraz-teppiche?filter_shape=2';"> <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/Perserteppich/persische-shiraz-teppiche?filter_shape=3';"> <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/Perserteppich/persische-shiraz-teppiche?filter_shape=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> </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>106 Produkte</span> <button type="button" onclick="submitFilters()" class="filter_results_submit" style="color: #fff;">Senden</button> </div> </div> <span style="float: right; padding-top: 20px; font-weight: 500; font-size: 16px; color: #000"> 1353 BesucherInnen derzeit 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/" itemprop="item"><span itemprop="name">Start</span></a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://www.vintagecarpets.com/Perserteppich" itemprop="item"><span itemprop="name">Handgeknüpfte Perserteppiche</span></a> <meta itemprop="position" content="2" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://www.vintagecarpets.com/Perserteppich/persische-shiraz-teppiche" itemprop="item"><span itemprop="name">Shiraz Teppiche</span></a> <meta itemprop="position" content="3" /> </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="21813"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/18445-18487/Xali-18456-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/video/perserteppich-18456" 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=21813" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <a itemprop="url" href="https://www.vintagecarpets.com/perserteppich-18456"> <div class="product-thumbnail"> <div style="padding:130.31% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/938744369?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="2eng">
-30%
Einzigartiger handgefertigter Perserteppich rot in der Größe 332 x 217.Handgefertigte Perserteppiche..
Perserteppich
332 x 217 cm
€ 1261
-20% € 1009
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 294 x 120 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
294 x 120 cm
€ 988
-20% € 790
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 295 x 151 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
295 x 151 cm
€ 1181
-20% € 945
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 276 x 170 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
276 x 170 cm
€ 1173
-20% € 938
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 244 x 152 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
244 x 152 cm
€ 1039
-20% € 831
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 276 x 150 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
276 x 150 cm
€ 1242
-20% € 994
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 157 x 70 in der Größe .Handgefertigte Perserteppiche sin..
Shiraz
157 x 70 cm
€ 367
-20% € 294
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 220 x 160 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
220 x 160 cm
€ 979
-20% € 783
❮
❯
Neu
-30%
Einzigartiger handgefertigter Perserteppich 262 x 190 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
262 x 190 cm
€ 1214
-20% € 971
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 321 x 231 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
321 x 231 cm
€ 2077
-20% € 1662
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 195 x 136 in der Größe .Handgefertigte Perserteppiche si..
Shiraz Patina
195 x 136 cm
€ 494
-20% € 395
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 294 x 152 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
294 x 152 cm
€ 1194
-20% € 955
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 266 x 167 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
266 x 167 cm
€ 1195
-20% € 956
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich Shiraz Qashqai 211 x 126 in der Größe .Handgefertig..
Shiraz Qashqai
211 x 126 cm
€ 652
-20% € 522
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 322 x 227 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
322 x 227 cm
€ 1974
-20% € 1579
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 289 x 205 in der Größe .Handgefertigte Perserteppiche si..
Shiraz Patina
289 x 205 cm
€ 1035
-20% € 828
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 303 x 214 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
303 x 214 cm
€ 1622
-20% € 1298
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 160 x 124 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
160 x 124 cm
€ 556
-20% € 445
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 266 x 190 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
266 x 190 cm
€ 1416
-20% € 1133
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 261 x 166 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
261 x 166 cm
€ 1209
-20% € 967
❮
❯
Neu
-30%
Einzigartiger handgefertigter Perserteppich 210 x 150 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
210 x 150 cm
€ 882
-20% € 706
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 281 x 160 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
281 x 160 cm
€ 1192
-20% € 954
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 248 x 152in der Größe .Handgefertigte Perserteppich..
Shiraz
248 x 152 cm
€ 981
-20% € 785
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 241 x 164 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
241 x 164 cm
€ 1068
-20% € 854
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 250 x 173 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
250 x 173 cm
€ 1199
-20% € 959
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 274 x 164 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
274 x 164 cm
€ 1169
-20% € 935
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 282 x 174 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
282 x 174 cm
€ 1227
-20% € 982
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 295 x 211 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
295 x 211 cm
€ 1557
-20% € 1246
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 170 x 116 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
170 x 116 cm
€ 533
-20% € 426
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 175 x 116 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
175 x 116 cm
€ 569
-20% € 455
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 158 x 110 in der Größe .Handgefertigte Perserteppiche si..
Shiraz Patina
158 x 110 cm
€ 367
-20% € 294
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 204 x 138 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
204 x 138 cm
€ 744
-20% € 595
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 165 x 117 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
165 x 117 cm
€ 580
-20% € 464
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 285 x 147 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
285 x 147 cm
€ 922
-20% € 738
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 311 x 126 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
311 x 126 cm
€ 863
-20% € 690
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 244 x 165 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
244 x 165 cm
€ 999
-20% € 799
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 226 x 170 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
226 x 170 cm
€ 902
-20% € 722
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 246 x 170 in der Größe .Handgefertigte Perserteppiche si..
Shiraz Patina
246 x 170 cm
€ 621
-20% € 497
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 114 x 55 in der Größe .Handgefertigte Perserteppiche sin..
Shiraz
114 x 55 cm
€ 288
-20% € 230
❮
❯
Luxus
Neu
-30%
Einzigartiger handgefertigter Perserteppich 282 x 147 in der Größe .Handgefertigte Perserteppiche si..
Perserteppich
282 x 147 cm
€ 943
-20% € 754
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 247 x 184 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
247 x 184 cm
€ 1137
-20% € 910
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 216 x 127 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
216 x 127 cm
€ 823
-20% € 658
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 205 x 152 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
205 x 152 cm
€ 842
-20% € 674
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 166 x 107 in der Größe .Handgefertigte Perserteppiche si..
Shiraz Patina
166 x 107 cm
€ 408
-20% € 326
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 261 x 216 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
261 x 216 cm
€ 1365
-20% € 1092
❮
❯
Luxus
Neu
-30%
Einzigartiger handgefertigter Perserteppich 292 x 197 in der Größe .Handgefertigte Perserteppiche si..
Perserteppich
292 x 197 cm
€ 1262
-20% € 1010
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 262 x 124 in der Größe .Handgefertigte Perserteppiche si..
Perserteppich
262 x 124 cm
€ 596
-20% € 477
❮
❯
Neu
-30%
Einzigartiger handgefertigter Perserteppich Shiraz Qashqai 230 x 175 in der Größe .Handgefertigte Pe..
Shiraz Qashqai
230 x 175 cm
€ 682
-20% € 546
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 215 x 148 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
215 x 148 cm
€ 860
-20% € 688
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 307 x 219 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
307 x 219 cm
€ 1883
-20% € 1506
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 240 x 143 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
240 x 143 cm
€ 1030
-20% € 824
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 252 x 165 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
252 x 165 cm
€ 1082
-20% € 866
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 300 x 190 in der Größe .Handgefertigte Perserteppic..
Shiraz
300 x 190 cm
€ 1539
-20% € 1231
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 308 x 169 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
308 x 169 cm
€ 1198
-20% € 958
❮
❯
Neu
-30%
Einzigartiger handgefertigter Perserteppich Shiraz Qashqai 266 x 168 in der Größe .Handgefertigte Pe..
Shiraz Qashqai
266 x 168 cm
€ 1083
-20% € 866
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 297 x 200 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
297 x 200 cm
€ 1545
-20% € 1236
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 236 x 151 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
236 x 151 cm
€ 963
-20% € 770
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 263 x 160 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
263 x 160 cm
€ 1116
-20% € 893
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 174 x 132 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
174 x 132 cm
€ 621
-20% € 497
❮
❯
-30%
Einzigartiger handgefertigter Perserteppich 229 x 135 in der Größe .Handgefertigte Perserteppiche si..
Shiraz
229 x 135 cm
€ 742
-20% € 594
Zeige 1 bis 60 von 106 (2 Seite(n))
1
2
>
>|
Kostenfreier Anruf aus Deutschland:
0800 186 0790
