</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"> Säästä 5 % ylimääräistä — Valitse palautusehtosi <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;">Uusi maksutapa: Osta nyt, maksa myöhemmin Klarnalla.</a> </div> <div class="swiper-slide text-center" style="background: #ff5ce1; 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"> Kesäloma-aikataulu <i class="fa fa-angle-down"></i> </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/fi/" title="Vintage Matot"> <!--<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\/fi\/","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":"Maailman suurin kokoelma k\u00e4sintehtyj\u00e4 vintage- ja persialaisia mattoja suoraan valmistajalta.","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">Finnish</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=63_79" /> </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/fi/Kaikki-kategoriat-kaesintehdyt-matot" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Kaikki Matot</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/fi/vintage-matto" 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/fi/nykyaikaiset-kasintehdyt-matot" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Moderni</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/fi/persialaiset-kasin-sidotut-matot" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Persialaismatot</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/fi/persialaiset-matot-patina" 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/fi/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/fi/varastossa" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #ff2600 !important;">ALE</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--> <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-ALE <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=63_79" /> </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=63_79" /> <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 (Finnish)</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/fi/Kaikki-kategoriat-kaesintehdyt-matot" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Kaikki Matot</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/fi/vintage-matto" 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/fi/nykyaikaiset-kasintehdyt-matot" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Moderni</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/fi/persialaiset-kasin-sidotut-matot" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #000000 !important;">Persialaismatot</span> </a> </li> <li class="nav-item level-1_item " itemprop="name"> <a href="https://www.vintagecarpets.com/fi/persialaiset-matot-patina" 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/fi/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/fi/varastossa" itemprop="url" class="nav-link"> <span class="level-1_link-text" style="color: #ff2600 !important;">ALE</span> </a> </li> <li><a href="index.php?route=product/search">Suodattimet</a></li> <li><a href="https://www.vintagecarpets.com/index.php?route=checkout/cart" id="cart_icon" data-toggle="modal" data-target="#cart">Ostoskori</a></li> <li><a href="https://www.vintagecarpets.com/index.php?route=account/wishlist" id="wish_icon" data-toggle="modal" data-target="#cart">Toivelista</a></li> <li><a href="https://www.vintagecarpets.com/index.php?route=account/login">Asiakastilini</a></li> <li> <span> <a href="https://www.vintagecarpets.com/index.php?route=account/register">Rekisteröidy</a> / <a href="https://www.vintagecarpets.com/index.php?route=account/login">Kirjaudu</a> </span> </li> <li> <a href="#">Valuutta (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">Ota yhteyttä</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/fi/checkout"> <img src="image/catalog/src/icons/cart-icon.svg" class="img-popover" alt="Kärryni" width="12" height="15"> <h5 class="modal-title">Kärryni</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="TOIVELISTANI" width="15" height="15"> <h5 class="modal-title">TOIVELISTANI</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> Ostoskorisi on tyhjä! </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">Kassalle</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> Sinun toivelistasi on tyhjä </div> </div> <div class="modal-footer"> <a href="https://www.vintagecarpets.com/index.php?route=account/wishlist" class="btn btn-block btn-primary disabled">TOIVELISTANI</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>retro rugs</h1> </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>koko</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>HINTA</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,2.2,5.5,1.1,1.1,2.2,2.2,2.2,1.1,1.1,1.1,1.1</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=63_79"; //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']+" Tuotteet"); $('.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>pituus</h5> <input id="length_ranger" name="length_ranger" type="text" data-min="154" data-max="650" data-from="154" data-to="650" data-type="double" /> <span class="bar_length">1.1,2.2,2.2,2.2,1.1,2.2,3.3,2.2,1.1,1.1,2.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>leveys</h5> <input id="width_ranger" name="width_ranger" type="text" data-min="60" data-max="500" data-from="60" data-to="500" data-type="double" /> <span class="bar_width">2,2,2,3,6,4,2,2,4,2</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>VÄRISI</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="valkoinen" title="valkoinen"> </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="Musta" title="Musta"> </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="Harmaa" title="Harmaa"> </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="Sininen" title="Sininen"> </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="Ruskea" title="Ruskea"> </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="Vihreä" title="Vihreä"> </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="Violetti" title="Violetti"> </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="Punainen" title="Punainen"> </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="Pinkki" title="Pinkki"> </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="keltainen" title="keltainen"> </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="Oranssi" title="Oranssi"> </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="Turkoosi" title="Turkoosi"> </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="Monivärinen" title="Monivärinen"> </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>Shape</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 class="filter_row filter_radio filter_origin"> <div class="form-group input-group input-group-sm"> <h5>alkuperä</h5> <div class="filter_origin-cont"> <div class="custom-origin"> <label class="origin-control-label " for="origin-input-1"> <input type="radio" name="filter_origin" id="origin-input-1" class="filter-origin custom-control-input" value="1" > <div class="shape-round"></div> Persia </label> </div> <div class="custom-origin"> <label class="origin-control-label " for="origin-input-2"> <input type="radio" name="filter_origin" id="origin-input-2" class="filter-origin custom-control-input" value="2" > <div class="shape-round"></div> Turkki </label> </div> <script> $(document).ready(function(){ $('.filter-origin').click(function (e) { if($(this).parent().hasClass('selected')) { $(this).prop('checked', false); } $('.custom-origin .origin-control-label').each(function(index) { $(this).removeClass('selected'); }); $.each($(".filter-origin:checked"), function(){ $(this).parent().addClass('selected'); }); if($(".filter-origin:checked").length > 0) { originFilter = $('input[name=filter_origin]:checked').val(); } else { originFilter = ''; } 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> <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">koko</h5> <select id="filter_size" name="filter_size" class="form-control"> <option value="" selected="selected" >valitse</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">Järjestys</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">Relevanssi</option> <option value="sort=p.model&order=DESC">Uutuudet</option> <option value="sort=p.grade_id&order=DESC">Alennus %</option> <option value="sort=p.price&order=ASC">Hinta, Halvin ensin</option> <option value="sort=p.price&order=DESC">Hinta, Kallein ensin</option> </select> </div> </div> <div class="filter_row checkbox_filter"> <h5 style="padding-left: 1rem;">Näytä</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">Matot saatavilla</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>Shape</h5> <div class="custom-control custom-radio" onclick="location = 'https://www.vintagecarpets.com/fi/vintage-matto/retro-rugs-fi?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/fi/vintage-matto/retro-rugs-fi?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/fi/vintage-matto/retro-rugs-fi?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/fi/vintage-matto/retro-rugs-fi?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 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>19 Tuotteet</span> <a onclick="submitFilters()" class="filter_results_submit" style="cursor: pointer; color: #fff;">Lähetä</a> </div> </div> <span style="float: right; padding-top: 20px; font-weight: 500; font-size: 16px; color: #000"> 1342 Vierailijat verkossa nyt.</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/fi/" 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/fi/vintage-matto" itemprop="item"><span itemprop="name">Käsintehdyt Vintage Matot</span></a> <meta itemprop="position" content="2" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://www.vintagecarpets.com/fi/vintage-matto/retro-rugs-fi" itemprop="item"><span itemprop="name">retro rugs</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="27968"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409-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/fi/video/stonewash-258x245-25409" 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=27968" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery27968"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/stonewash-258x245-25409"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Beige Persia Nain 258 x 245 cm" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Beige Persia Nain 258 x 245 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409_Z-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Nain 258 x 245 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Nain 258 x 245 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409_b-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/fi/stonewash-258x245-25409"> <div class="product-thumbnail"> <img alt="Beige Persia Nain 258 x 245 cm" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25409-480x625.jpg" 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;">Luksus</span> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Nain 258 x 245..</div> <meta itemprop="sku" content="25409"> <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/fi/stonewash-258x245-25409"> Nain <br/>258 x 245 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/fi/stonewash-258x245-25409" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="1968.00"> <span class="amount members-price" style="font-size: 1.2rem;"> € 1968 </span> </a> <span class="d-inline d-md-none"> </span> </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="26575"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/0-amir-redo/Vintage-perserteppich-24723-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/fi/video/stonewash-371x250-24723" 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=26575" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery26575"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/stonewash-371x250-24723"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Beige Persia Vintage Heritage 371 x 250 cm" src="https://www.vintagecarpets.com/image/cache/catalog/0-amir-redo/Vintage-perserteppich-24723-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-amir-redo/Vintage-perserteppich-24723-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Beige Persia Vintage Heritage 371 x 250 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/0-10/24723-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-10/24723-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/fi/stonewash-371x250-24723"> <div class="product-thumbnail"> <img alt="Beige Persia Vintage Heritage 371 x 250 cm" src="https://www.vintagecarpets.com/image/cache/catalog/0-amir-redo/Vintage-perserteppich-24723-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">Ainutlaatuinen käsintehty persialainen vintage-matto beige koko 371 x 250 cm.Persialaisista kivipest..</div> <meta itemprop="sku" content="24723"> <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/fi/stonewash-371x250-24723"> Vintage Heritage <br/>371 x 250 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/fi/stonewash-371x250-24723" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="1832.00"> <span class="amount members-price" style="font-size: 1.2rem;"> € 1832 </span> </a> <span class="d-inline d-md-none"> </span> </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="10462"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449-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/fi/video/vintage-carpet-483-x-299-10449" 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=10462" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery10462"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/vintage-carpet-483-x-299-10449"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Beige Persia Vintage Carpet 483 x 299 cm" src="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Beige Persia Vintage Carpet 483 x 299 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Vintage Carpet 483 x 299 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449_b-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Vintage Carpet 483 x 299 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449_Z-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Vintage Carpet 483 x 299 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/0-10/10449-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-10/10449-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/fi/vintage-carpet-483-x-299-10449"> <div class="product-thumbnail"> <img alt="Beige Persia Vintage Carpet 483 x 299 cm" src="https://www.vintagecarpets.com/image/cache/catalog/10437-10486/Vintage-teppiche-10449-480x625.jpg" 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;">Luksus</span> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Ainutlaatuinen käsintehty persialainen vintage-matto beige koko 483 x 299 cm.Kyseiset taideteokset l..</div> <meta itemprop="sku" content="10449"> <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/fi/vintage-carpet-483-x-299-10449"> Vintage Carpet <br/>483 x 299 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/fi/vintage-carpet-483-x-299-10449" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="5633.00"> <span class="amount members-price" style="font-size: 1.2rem;"> € 5633 </span> </a> <span class="d-inline d-md-none"> </span> </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="28023"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768-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/fi/video/nain-327x203-24768" 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=28023" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery28023"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/nain-327x203-24768"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Sininen Persia Nain 327 x 203 cm" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Sininen Persia Nain 327 x 203 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/0-1/24768-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-1/24768-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Sininen Persia Nain 327 x 203 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768_Z-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Sininen Persia Nain 327 x 203 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Sininen Persia Nain 327 x 203 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768_b-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/fi/nain-327x203-24768"> <div class="product-thumbnail"> <img alt="Sininen Persia Nain 327 x 203 cm" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-24768-480x625.jpg" 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;">Luksus</span> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Nain 327 x 203..</div> <meta itemprop="sku" content="24768"> <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/fi/nain-327x203-24768"> Nain <br/>327 x 203 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/fi/nain-327x203-24768" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="2848.00"> <span class="amount members-price" style="font-size: 1.2rem;"> € 2848 </span> </a> <span class="d-inline d-md-none"> </span> </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="27959"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400-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/fi/video/stonewash-201x193-25400" 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=27959" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery27959"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/stonewash-201x193-25400"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Beige Persia Nain 201 x 193 cm" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Beige Persia Nain 201 x 193 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/0-1/25400-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-1/25400-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Nain 201 x 193 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400_Z-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Nain 201 x 193 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Nain 201 x 193 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400_b-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/fi/stonewash-201x193-25400"> <div class="product-thumbnail"> <img alt="Beige Persia Nain 201 x 193 cm" src="https://www.vintagecarpets.com/image/cache/catalog/new5-23/Vintage-perserteppich-25400-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">Ainutlaatuinen käsintehty persialainen Nain-matto beige koko 201 x 193 cm...</div> <meta itemprop="sku" content="25400"> <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/fi/stonewash-201x193-25400"> Nain <br/>201 x 193 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/fi/stonewash-201x193-25400" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="1027.00"> <span class="amount members-price" style="font-size: 1.2rem;"> € 1027 </span> </a> <span class="d-inline d-md-none"> </span> </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="25375"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686-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/fi/video/persialainen-matto-333x247-22686" 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=25375" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery25375"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persialainen-matto-333x247-22686"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Beige Persia persialainen matto 333 x 247 cm" src="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Beige Persia persialainen matto 333 x 247 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686_b-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia persialainen matto 333 x 247 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia persialainen matto 333 x 247 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686_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/fi/persialainen-matto-333x247-22686"> <div class="product-thumbnail"> <img alt="Beige Persia persialainen matto 333 x 247 cm" src="https://www.vintagecarpets.com/image/cache/catalog/new6-25/Vintage-perserteppich-_22686-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">Ainutlaatuinen käsintehty persialainen vintage-matto beige koko 333 X 247 cm.Persialaisist..</div> <meta itemprop="sku" content="22686"> <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/fi/persialainen-matto-333x247-22686"> persialainen matto <br/>333 x 247 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/fi/persialainen-matto-333x247-22686" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="1060.00"> <span class="amount members-price" style="font-size: 1.2rem;"> € 1060 </span> </a> <span class="d-inline d-md-none"> </span> </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="25357"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669-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/fi/video/stonewash-386x298-22669" 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=25357" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery25357"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/stonewash-386x298-22669"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Beige Persia Stonewash 386 x 298 cm" src="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Beige Persia Stonewash 386 x 298 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/0-10/22669-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-10/22669-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Stonewash 386 x 298 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Stonewash 386 x 298 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669_Z-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Beige Persia Stonewash 386 x 298 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669_b-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/fi/stonewash-386x298-22669"> <div class="product-thumbnail"> <img alt="Beige Persia Stonewash 386 x 298 cm" src="https://www.vintagecarpets.com/image/cache/catalog/shipment/Retro-perserteppich-22669-480x625.jpg" 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;">Luksus</span> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Ainutlaatuinen käsintehty persialainen vintage-matto beige koko 386 X 298 cm.Persialaisista kivipest..</div> <meta itemprop="sku" content="22669"> <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/fi/stonewash-386x298-22669"> Stonewash <br/>386 x 298 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/fi/stonewash-386x298-22669" style="display"> <link itemprop="availability" href="https://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="1451.00"> <span class="amount members-price" style="font-size: 1.2rem;"> € 1451 </span> </a> <span class="d-inline d-md-none"> </span> </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="27735"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/new6-23/Vintage-perserteppich-25176-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/fi/video/stonewash-283x200-25176" 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=27735" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <a itemprop="url" href="https://www.vintagecarpets.com/fi/stonewash-283x200-25176"> <div class="product-thumbnail"> <div style="padding:130.31% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/938737737?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%
Ainutlaatuinen käsintehty persialainen vintage-matto beige koko 283 x 200 cm.Persialaisista kivipest..
Stonewash
283 x 200 cm
€ 1060
Luksus
-30%
Nain 312 x 200..
Nain
312 x 200 cm
€ 2677
-30%
Ainutlaatuinen käsintehty persialainen vintage-matto sininen koko 347 x 250 cm.Persialaisista kivipe..
Stonewash
400 x 300 cm
€ 2355
-30%
Ainutlaatuiset käsintehdyt persialaiset vintage-matot vihreä koko 204 x 194cm...
Persialaiset Nain matot
204 x 194 cm
€ 1127
Luksus
-36%
Ainutlaatuinen käsintehty persialainen vintage-matto beige koko 370 X 272 cm.Persialaisista kivipest..
Stonewash
370 x 272 cm
€ 1326
Luksus
-30%
Nain 312 x 200..
Nain
312 x 200 cm
€ 2355
-30%
Ainutlaatuinen käsintehty persialainen vintage-matto beige koko 480 x 330 cm.Persialaisista kivipest..
Stonewash
480 x 330 cm
€ 3649
-30%
Ainutlaatuiset käsintehdyt persialaiset vintage-matot sininen koko 240 x 60 cm.Luomme vintage-matot ..
Vintage Carpet
240 x 60 cm
€ 267
-30%
Ainutlaatuiset käsintehdyt persialaiset vintage-matot sininen koko 346 X 252 cm.Luomme vintage-..
Vintage Heritage
346 x 252 cm
€ 1988
Luksus
-30%
Nain 258 x 203..
Nain
258 x 203 cm
€ 2184
-30%
Nain 240 x 164..
Nain
240 x 164 cm
€ 990
-30%
..
Hamadan Matto
154 x 97 cm
€ 250
Näytetään 1 - 19 (Yhteensä 19. Sivuja 1.)
Contact the owners directly in English via WhatsApp
00306985998888
