</noscript> <!-- End Google Tag Manager (noscript) --> <div id="my-page"> <div class="container-fluid"> <div class="topbar_info_msg" style="width: 100%; padding: 0px; font-size: 16px; line-height: 16px; text-align: center; position: relative;"> <div class="swiper-viewport" style="background: transparent;"> <div id="slideshow_topbar_info" class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide text-center" style="background: #000000; padding: 6px 0px 12px; color: #ffffff; text-align: center;"> <a href="#" class="topbar_msg" style="color: #ffffff;">Ilmainen toimitus Suomeen — 30 päivän palautusoikeus</a> </div> <div class="swiper-slide text-center" style="background: #000000; padding: 6px 0px 12px; color: #ffffff; text-align: center;"> <a class="topbar_msg agree2" style="color:#ffffff;" href="index.php?route=information/information/agree&information_id=50"> Säästä 5 % ylimääräistä — Valitse palautusehtosi <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":"http:\/\/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":"Premium-valikoima k\u00e4sintehtyj\u00e4 vintage- ja persialaismattoja 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_94" /> </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="http://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</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 class="swiper-slide text-center" style="background: #ff73c5; padding: 8px 0px; text-align: center;"> <a style="cursor: default; color: #000000; font-size: 17px; line-height: 22px;">Uusi maksutapa: Osta nyt, maksa myöhemmin Klarnalla.</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_94" /> </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_94" /> <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</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> <script type="text/javascript"> $(document).on('click', '#desktop_menu_link', function (e) { e.preventDefault(); rightSearch(); }); function rightSearch() { $.ajax({ url: 'index.php?route=common/rightsearch', dataType: 'html', success: function(html) { $('#right_search_body').html(html); // open modal AFTER content loads $('#desktop_menu').modal('show'); }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } </script> <div id="desktop_menu" class="modal" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div id="right_search_body"></div> </div> </div> </div> <div id="common-category" class="main_container container-fluid"> <div class="category_info"> <div class="row"> <div class="col-12 text-center"> <h1>Oranssit Vintage-matot</h1> <h2>Poltettu Mandariini & Käsintehdyt Matot Kulutetussa Terrakotassa</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>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,1.2,1.2,1.2,1.2</span> <script type="text/javascript"> // $(document).ready(function(){ $('.filter_results_submit').attr('data-href', window.location.href); var slidingTimer; var slidingInterval = 1500; var resultsInterval = 200; var resultsTimer; var priceFilter =''; var lengthFilter=''; var widthFilter=''; var color_filters=[]; var shapeFilter=''; var filterCategory =''; var filterSize =''; var filterAvailable ='on'; var filter_discount_sale = 0; var originFilter=''; var sort ='p.sort_order'; var order ='ASC'; var dataPage ='1'; var CheckUrl =''; function submitRangeFilters () { var FilterUrl = window.location.href; NewUrl = FilterUrl; color_filters = []; $.each($(".filter-checkbox:checked"), function(){ color_filters.push($(this).val()); }); var key = color_filters.join(","); var NewUrl = FilterUrl; if (sort) { if(window.location.href.indexOf("?sort") > -1) { NewUrl = NewUrl.replace(/(sort=).*?(&|$)/,'$1' + sort + '$2'); } else { NewUrl = NewUrl + '?sort=' + sort; } } else { if(window.location.href.indexOf("?sort") > -1) { NewUrl = NewUrl.replace(/(sort=).*?(&|$)/,'$2'); } } if (order) { if(window.location.href.indexOf("&order") > -1) { NewUrl = NewUrl.replace(/(&order=).*?(&|$)/,'$1' + order + '$2'); } else { NewUrl = NewUrl + '&order=' + order; } } else { if(window.location.href.indexOf("&order") > -1) { NewUrl = NewUrl.replace(/(&order=).*?(&|$)/,'$2'); } } if (key) { if(window.location.href.indexOf("&filter_color=") > -1) { NewUrl = NewUrl.replace(/(&filter_color=).*?(&|$)/,'$1' + key + '$2'); } else { NewUrl = NewUrl + '&filter_color=' + key; } } else { if(window.location.href.indexOf("&filter_color=") > -1) { NewUrl = NewUrl.replace(/(&filter_color=).*?(&|$)/,'$2'); } } if (shapeFilter) { if(window.location.href.indexOf("&filter_shape") > -1) { NewUrl = NewUrl.replace(/(&filter_shape=).*?(&|$)/,'$1' + shapeFilter + '$2'); } else { NewUrl = NewUrl + '&filter_shape=' + shapeFilter; } } else{ if(window.location.href.indexOf("&filter_shape=") > -1) { NewUrl = NewUrl.replace(/(&filter_shape=).*?(&|$)/,'$2'); } } if (originFilter) { if(window.location.href.indexOf("&filter_origin") > -1) { NewUrl = NewUrl.replace(/(&filter_origin=).*?(&|$)/,'$1' + originFilter + '$2'); } else { NewUrl = NewUrl + '&filter_origin=' + originFilter; } } else { if(window.location.href.indexOf("&filter_origin") > -1) { NewUrl = NewUrl.replace(/(&filter_origin=).*?(&|$)/,'$2'); } } if (priceFilter) { if(window.location.href.indexOf("&filter_price") > -1) { NewUrl = NewUrl.replace(/(&filter_price=).*?(&|$)/,'$1' + priceFilter + '$2'); } else { NewUrl = NewUrl + '&filter_price=' + priceFilter; } } if (lengthFilter) { if(window.location.href.indexOf("&filter_length") > -1) { NewUrl = NewUrl.replace(/(&filter_length=).*?(&|$)/,'$1' + lengthFilter + '$2'); } else { NewUrl = NewUrl + '&filter_length=' + lengthFilter; } } if (widthFilter) { if(window.location.href.indexOf("&filter_width") > -1) { NewUrl = NewUrl.replace(/(&filter_width=).*?(&|$)/,'$1' + widthFilter + '$2'); } else { NewUrl = NewUrl + '&filter_width=' + widthFilter; } } if(window.location.href.indexOf("&page") > -1) { NewUrl = NewUrl.replace(/(&page=).*?(&|$)/,'$1' + 1 + '$2'); } else { NewUrl = NewUrl + '&page=' + 1; } if (filterCategory) { if(window.location.href.indexOf("&filter_category") > -1) { NewUrl = NewUrl.replace(/(&filter_category=).*?(&|$)/,'$1' + filterCategory + '$2'); } else { NewUrl = NewUrl + '&filter_category=' + filterCategory; } } else { if(window.location.href.indexOf("&filter_category") > -1) { NewUrl = NewUrl.replace(/(&filter_category=).*?(&|$)/,'$2'); } } if (filterSize) { if(window.location.href.indexOf("&filter_size") > -1) { NewUrl = NewUrl.replace(/(&filter_size=).*?(&|$)/,'$1' + filterSize + '$2'); } else { NewUrl = NewUrl + '&filter_size=' + filterSize; } } else { if(window.location.href.indexOf("&filter_size") > -1) { NewUrl = NewUrl.replace(/(&filter_size=).*?(&|$)/,'$2'); } } if (filterAvailable) { if(window.location.href.indexOf("&filter_available") > -1) { NewUrl = NewUrl.replace(/(&filter_available=).*?(&|$)/,'$1' + filterAvailable + '$2'); } else { NewUrl = NewUrl + '&filter_available=' + filterAvailable; } } else { if(window.location.href.indexOf("&filter_available") > -1) { NewUrl = NewUrl.replace(/(&filter_available=).*?(&|$)/,'$2'); } } if (filter_discount_sale) { if(window.location.href.indexOf("&filter_discount_sale") > -1) { NewUrl = NewUrl.replace(/(&filter_discount_sale=).*?(&|$)/,'$1' + filter_discount_sale + '$2'); } else { NewUrl = NewUrl + '&filter_discount_sale=' + filter_discount_sale; } } else { if(window.location.href.indexOf("&filter_discount_sale") > -1) { NewUrl = NewUrl.replace(/(&filter_discount_sale=).*?(&|$)/,'$2'); } } //location = NewUrl; $('.filter_results_submit').attr('data-href', NewUrl); } var timer; function getTotals () { var FilterUrl = "index.php?route=product/category&path=63_94"; //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="210" data-max="650" data-from="210" data-to="650" data-type="double" /> <span class="bar_length">1.2,1.2,1.2,1.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="120" data-max="500" data-from="120" data-to="500" data-type="double" /> <span class="bar_width">1.2,1.2,2.1</span> <script type="text/javascript"> //$(document).ready(function(){ $(document).ready(function(){ $('#width_ranger').ionRangeSlider({ skin: "round", step: 10, values_separator: " — ", onChange: function (data) { clearTimeout(slidingTimer); }, onFinish: function (data) { widthFilter = data.from + '-' + data.to; clearTimeout(slidingTimer); getTotals (CheckUrl); slidingTimer = setTimeout(function(){submitRangeFilters()},slidingInterval); $('.bar .in').addClass('animation_removed'); var el = $('.bar .in'), newone = el.clone(true); el.before(newone); $(".bar .in:last").remove(); }, }); const width_instance = $('#width_ranger').data("ionRangeSlider"); }); /*$(".bar_width").peity("bar", { fill: "#000000", delimiter: ",", padding: 0, width: $('.filter_slider').width() })*/ //}); </script> </div> </div> <div class="col-md-4" style="margin-top: 2rem;"> <div class="filter_row filter_radio filter_color"> <h5>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> <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/vintage-matto-oranssi?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/vintage-matto-oranssi?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/vintage-matto-oranssi?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/vintage-matto-oranssi?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>4 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"> 1277 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="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://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="http://schema.org/ListItem"> <a href="https://www.vintagecarpets.com/fi/vintage-matto" itemprop="item"><span itemprop="name">Alkuperäiset käsintehdyt vintage-matot</span></a> <meta itemprop="position" content="2" /> </li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="https://www.vintagecarpets.com/fi/vintage-matto/vintage-matto-oranssi" itemprop="item"><span itemprop="name">Oranssit Vintage-matot</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="http://schema.org/Product" data-id="22213"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/wider/61-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/persian-silk-kilims-210x120-61" 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=22213" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persian-silk-kilims-210x120-61"> <div class="product-thumbnail"> <img alt="Ruskea Persia PERSIAN SILK KILIMS 210 x 120 cm" src="https://www.vintagecarpets.com/image/cache/catalog/wider/61-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">..</div> <meta itemprop="sku" content="61"> <div itemprop="brand" itemscope itemtype="http://schema.org/Brand"> <meta itemprop="name" content="Vintagecarpets.com"> </div> <h3 class="product-name" itemprop="name"> <a href="https://www.vintagecarpets.com/fi/persian-silk-kilims-210x120-61"> PERSIAN SILK KILIMS <br/>210 x 120 cm </a> </h3> <div class="product-price discount30" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer" style="padding: 10px 0px 9px; min-height: 75px;"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persian-silk-kilims-210x120-61" style="display"> <link itemprop="availability" href="http://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="406.00"> <span class="amount members-price" style="font-size: 1.2rem; text-decoration: line-through; text-decoration-color: red;"> € 508</span> </a> <span class="d-inline d-md-none"> </span> <a class="agree2" href="https://www.vintagecarpets.com/index.php?route=information/information/agree&information_id=63" style="color: red;font-size: 18px !important;font-weight: 500;padding-top: 2px;padding-left: 0px;display: block;max-width: 170px;margin: 0px auto;"> -20% € 406 </a> </div> </div> </div> </div> <div class="product product-grid col-12 col-sm-6 col-xl-3 vc_available" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product" data-id="28761"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573-1500x1950.webp"> <!-- added by anees to fix google missing image issue --> <div class="single_product text-center"> <div class="product-media"> <div class="product-actions product-actions-right"> <a href="https://www.vintagecarpets.com/fi/video/persialaiset-vintage-matot-291x186-25573" 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=28761" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery28761"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-291x186-25573"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 291 x 186 cm" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 291 x 186 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573_a-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573_a-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 291 x 186 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573_b-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573_b-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 291 x 186 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573_e-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573_e-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 291 x 186 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573_Z-480x625.webp" data-popup="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573_Z-1500x1950.webp" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> </div> </div> </a> <div class="swiper-controls"> <div class="swiper---prev"><i class="fa fa-chevron-left"></i></div> <div class="swiper--pagination"></div> <div class="swiper---next"><i class="fa fa-chevron-right"></i></div> </div> </div> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-291x186-25573"> <div class="product-thumbnail"> <img alt="Oranssi Persia Persialaiset vintage matot 291 x 186 cm" src="https://www.vintagecarpets.com/image/cache/catalog/webp/29048-25362/Vintage-perserteppich-25573-480x625.webp" loading="lazy" width="480" height="625"> </div> </a> </div> <div class="product-body" style="min-height: 150px;"> <span class="sale-percentage">-30%</span> <div class="d-none" itemprop="description">Ainutlaatuiset käsintehdyt persialaiset vintage-matot 291 x 186 koko cm.Luomme vintage-matot laadukk..</div> <meta itemprop="sku" content="25573"> <div itemprop="brand" itemscope itemtype="http://schema.org/Brand"> <meta itemprop="name" content="Vintagecarpets.com"> </div> <h3 class="product-name" itemprop="name"> <a href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-291x186-25573"> Persialaiset vintage matot <br/>291 x 186 cm </a> </h3> <div class="product-price discount30" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer" style="padding: 10px 0px 9px; min-height: 75px;"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-291x186-25573" style="display"> <link itemprop="availability" href="http://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="635.00"> <span class="amount members-price" style="font-size: 1.2rem; text-decoration: line-through; text-decoration-color: red;"> € 794</span> </a> <span class="d-inline d-md-none"> </span> <a class="agree2" href="https://www.vintagecarpets.com/index.php?route=information/information/agree&information_id=63" style="color: red;font-size: 18px !important;font-weight: 500;padding-top: 2px;padding-left: 0px;display: block;max-width: 170px;margin: 0px auto;"> -20% € 635 </a> </div> </div> </div> </div> <div class="product product-grid col-12 col-sm-6 col-xl-3 vc_available" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product" data-id="29073"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885-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/persialaiset-vintage-matot-292x212-25885" 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=29073" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery29073"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-292x212-25885"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 277 x 180 cm" src="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 277 x 180 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/0-1/25885-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/0-1/25885-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 277 x 180 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 277 x 180 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885_b-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Oranssi Persia Persialaiset vintage matot 277 x 180 cm - view 4" src="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885_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/persialaiset-vintage-matot-292x212-25885"> <div class="product-thumbnail"> <img alt="Oranssi Persia Persialaiset vintage matot 277 x 180 cm" src="https://www.vintagecarpets.com/image/cache/catalog/25520-26337/Vintage-perserteppich-25885-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">Ainutlaatuiset käsintehdyt persialaiset vintage-matot 277 x 180 koko cm.Luomme vintage-matot la..</div> <meta itemprop="sku" content="25885"> <div itemprop="brand" itemscope itemtype="http://schema.org/Brand"> <meta itemprop="name" content="Vintagecarpets.com"> </div> <h3 class="product-name" itemprop="name"> <a href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-292x212-25885"> Persialaiset vintage matot <br/>277 x 180 cm </a> </h3> <div class="product-price discount30" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer" style="padding: 10px 0px 9px; min-height: 75px;"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-292x212-25885" style="display"> <link itemprop="availability" href="http://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="531.00"> <span class="amount members-price" style="font-size: 1.2rem; text-decoration: line-through; text-decoration-color: red;"> € 664</span> </a> <span class="d-inline d-md-none"> </span> <a class="agree2" href="https://www.vintagecarpets.com/index.php?route=information/information/agree&information_id=63" style="color: red;font-size: 18px !important;font-weight: 500;padding-top: 2px;padding-left: 0px;display: block;max-width: 170px;margin: 0px auto;"> -20% € 531 </a> </div> </div> </div> </div> <div class="product product-grid col-12 col-sm-6 col-xl-3 vc_available" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product" data-id="24570"> <meta itemprop="image" content="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256-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/persialaiset-vintage-matot-236x175-23256" 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=24570" class="awe-button product-wishlist"><i class="heart-icon"></i></a> </div> <div class="product-gallery" id="gallery24570"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-236x175-23256"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Monivärinen Persia Vintage matot 236 x 175 cm" src="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> </div> <div class="swiper-slide"> <img alt="Monivärinen Persia Vintage matot 236 x 175 cm - view 1" src="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256_a-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256_a-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Monivärinen Persia Vintage matot 236 x 175 cm - view 2" src="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256_b-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256_b-1500x1950.jpg" class="swiper-lazy" width="480" height="625"/> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <img alt="Monivärinen Persia Vintage matot 236 x 175 cm - view 3" src="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256_Z-480x625.jpg" data-popup="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256_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/persialaiset-vintage-matot-236x175-23256"> <div class="product-thumbnail"> <img alt="Monivärinen Persia Vintage matot 236 x 175 cm" src="https://www.vintagecarpets.com/image/cache/catalog/23001-23940/Vintage-perserteppich-23256-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">Ainutlaatuiset käsintehdyt persialaiset vintage-matot oranssi koko 236 x 175cm.Luomme vintage-matot ..</div> <meta itemprop="sku" content="23256"> <div itemprop="brand" itemscope itemtype="http://schema.org/Brand"> <meta itemprop="name" content="Vintagecarpets.com"> </div> <h3 class="product-name" itemprop="name"> <a href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-236x175-23256"> Vintage matot <br/>236 x 175 cm </a> </h3> <div class="product-price discount30" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer" style="padding: 10px 0px 9px; min-height: 75px;"> <a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-vintage-matot-236x175-23256" style="display"> <link itemprop="availability" href="http://schema.org/InStock" /> <meta itemprop="priceCurrency" content="EUR"> <meta itemprop="price" content="459.00"> <span class="amount members-price" style="font-size: 1.2rem;"> € 459 </span> </a> <span class="d-inline d-md-none"> </span> </div> </div> </div> </div> </div> </div> <div class="pagination-cont"> <div class="pagination-row row no-gutters"> <div class="col-12 col-sm-4 pagination-results text-left">Näytetään 1 - 4 (Yhteensä 4. Sivuja 1.)</div> <div class="col-12 col-sm-4 pagination-more text-center"></div> <div class="col-12 col-sm-4 pagination-list text-right"></div> </div> </div> <div class="category_description" style="margin-bottom: 25px;"> <h3>Mistä voin ostaa käsintehdyn oranssin vintage-maton verkosta?</h3> <p><br /> Voit ostaa aitoja käsintehtyjä oransseja vintage-mattoja ja oransseja tilkkumattoja suoraan VintageCarpets.com-sivustolta. Alkuperäisenä valmistajana karsimme välikädet kokonaan pois, mikä tarkoittaa, että saat parhaan mahdollisen laadun parhaaseen mahdolliseen hintaan. Valikoimaamme kuuluu päällivärjättyjä mattoja tummanoranssin, terrakotan, ruosteen ja meripihkan sävyissä laajassa kokovalikoimassa, pienistä korostematoista suuriin huomiota herättäviin mattoihin. Jokainen matto kuvataan videolle, jotta näet sen todellisen värin ja luonteen ennen ostamista, ja tiimimme on aina käytettävissä WhatsAppin kautta lähettämään lisäkuvia tai vastaamaan kysymyksiisi. Ilmaisen toimituksen, maksuttoman mattoaluskankaan ja 30 päivän rahat takaisin -takuun ansiosta täydellisen oranssin vintage-maton ostaminen verkosta ei ole koskaan ollut helpompaa tai turvallisempaa.</p> <h3>Mitä oranssin vintage-maton sävyjä on saatavilla?</h3> <p>Oranssit vintage-mattomme ovat saatavilla ihastuttavan laajassa sävykirjossa, joka sopii jokaiseen sisustukseen. Kirkkaammasta päästä löydät eloisia mandariinin sävyjä ja täyteläisiä, energisiä oransseja sävyjä, jotka luovat rohkean vaikutelman ja tuovat huoneeseen heti eloa. Pehmeämpää ja hillitympää ilmettä varten tarjoamme vaimennettuja syksyn sävyjä, kuten tummanoranssia, terrakotaa, ruostetta, meripihkaa ja tennéä, jotka tuovat maanläheistä, itämaisvaikutteista lämpöä. Jokainen matto on aito käsintehty persialainen tai anatolialainen matto, joka on huolellisesti päällivärjätty, mikä antaa sille värin syvyyden ja rikkauden, jota et yksinkertaisesti löydä koneellisesti valmistetuista matoista. Koska jokainen kappale päällivärjätään yksitellen, kahta täysin samanlaista oranssia vintage-mattoa ei ole.</p> <h3>Mihin huoneisiin oranssi vintage-matto sopii parhaiten?</h3> <p>Oranssi vintage-matto näyttää kauniilta lähes jokaisessa huoneessa, mutta se pääsee parhaiten oikeuksiinsa tiloissa, joissa lämpö ja energia merkitsevät eniten. Olohuoneessa se luo kutsuvan keskipisteen, joka tuo ihmisiä yhteen, kun taas eteisessä tai sisäänkäynnissä se tekee rohkean ja tervetulleeksi toivottavan ensivaikutelman. Oranssin ja ruosteen sävyt myös peittävät erinomaisesti arkista pölyä ja jalanjälkiä, mikä tekee niistä yhtä käytännöllisen kuin tyylikkään valinnan vilkkaisiin tiloihin ja ruokailuhuoneisiin. Makuuhuoneisiin ja työhuoneisiin pehmeämpi terrakotan tai meripihkan sävy tuo kodikkaan ja maanläheisen tunnelman, joka auttaa tilaa tuntumaan rauhalliselta ja mukavalta.</p> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Mistä voin ostaa käsintehdyn oranssin vintage-maton verkosta?", "acceptedAnswer": { "@type": "Answer", "text": "\r\nVoit ostaa aitoja käsintehtyjä oransseja vintage-mattoja ja oransseja tilkkumattoja suoraan VintageCarpets.com-sivustolta. Alkuperäisenä valmistajana karsimme välikädet kokonaan pois, mikä tarkoittaa, että saat parhaan mahdollisen laadun parhaaseen mahdolliseen hintaan. Valikoimaamme kuuluu päällivärjättyjä mattoja tummanoranssin, terrakotan, ruosteen ja meripihkan sävyissä laajassa kokovalikoimassa, pienistä korostematoista suuriin huomiota herättäviin mattoihin. Jokainen matto kuvataan videolle, jotta näet sen todellisen värin ja luonteen ennen ostamista, ja tiimimme on aina käytettävissä WhatsAppin kautta lähettämään lisäkuvia tai vastaamaan kysymyksiisi. Ilmaisen toimituksen, maksuttoman mattoaluskankaan ja 30 päivän rahat takaisin -takuun ansiosta täydellisen oranssin vintage-maton ostaminen verkosta ei ole koskaan ollut helpompaa tai turvallisempaa." } }, { "@type": "Question", "name": "Mitä oranssin vintage-maton sävyjä on saatavilla?", "acceptedAnswer": { "@type": "Answer", "text": "Oranssit vintage-mattomme ovat saatavilla ihastuttavan laajassa sävykirjossa, joka sopii jokaiseen sisustukseen. Kirkkaammasta päästä löydät eloisia mandariinin sävyjä ja täyteläisiä, energisiä oransseja sävyjä, jotka luovat rohkean vaikutelman ja tuovat huoneeseen heti eloa. Pehmeämpää ja hillitympää ilmettä varten tarjoamme vaimennettuja syksyn sävyjä, kuten tummanoranssia, terrakotaa, ruostetta, meripihkaa ja tennéä, jotka tuovat maanläheistä, itämaisvaikutteista lämpöä. Jokainen matto on aito käsintehty persialainen tai anatolialainen matto, joka on huolellisesti päällivärjätty, mikä antaa sille värin syvyyden ja rikkauden, jota et yksinkertaisesti löydä koneellisesti valmistetuista matoista. Koska jokainen kappale päällivärjätään yksitellen, kahta täysin samanlaista oranssia vintage-mattoa ei ole." } }, { "@type": "Question", "name": "Mihin huoneisiin oranssi vintage-matto sopii parhaiten?", "acceptedAnswer": { "@type": "Answer", "text": "Oranssi vintage-matto näyttää kauniilta lähes jokaisessa huoneessa, mutta se pääsee parhaiten oikeuksiinsa tiloissa, joissa lämpö ja energia merkitsevät eniten. Olohuoneessa se luo kutsuvan keskipisteen, joka tuo ihmisiä yhteen, kun taas eteisessä tai sisäänkäynnissä se tekee rohkean ja tervetulleeksi toivottavan ensivaikutelman. Oranssin ja ruosteen sävyt myös peittävät erinomaisesti arkista pölyä ja jalanjälkiä, mikä tekee niistä yhtä käytännöllisen kuin tyylikkään valinnan vilkkaisiin tiloihin ja ruokailuhuoneisiin. Makuuhuoneisiin ja työhuoneisiin pehmeämpi terrakotan tai meripihkan sävy tuo kodikkaan ja maanläheisen tunnelman, joka auttaa tilaa tuntumaan rauhalliselta ja mukavalta." } } ] }</script> </div> </div> </div> <div id="temp-container" style="display:none"></div> <script type="text/javascript"><!-- if($("#page-next").length > 0) { } else { $('#products_wrapper #loadmore .loadmore_text').html('EI LISÄÄ TUOTTEITA'); $('#products_wrapper #loadmore').removeClass('loaded').addClass('disabled'); } $( "body" ).delegate( "#loadmore.loaded", "click", function() { var next = $("#page-next").attr("href"); var nextNr = (parseInt($("#page-next").attr("data-nr"))+1); $('#products_wrapper #loadmore').addClass('loading').removeClass('loaded'); $( "#temp-container").load(next+' .products_container', function() { $( "#products_wrapper .products_container .products_loop").append($('#temp-container .products_container .products_loop .row').addClass('row-'+nextNr).hide()); $( "#products_wrapper .pagination-cont").html($("#temp-container .pagination-cont").html()); $( "#temp-container").html(''); if($("#page-next").length > 0) { } else { $('#products_wrapper #loadmore .loadmore_text').html('EI LISÄÄ TUOTTEITA'); $('#products_wrapper #loadmore').removeClass('loaded').addClass('disabled'); } window.history.pushState(null, null, next); $('.row-'+nextNr+' .product').each(function(index){ var id = $(this).data('id'); var that = $(this); var has_gallery = $(this).find('.product-gallery').data('swiper'); if(has_gallery != 1) { startSwiper(id); $('#gallery'+id).addClass('active'); that.attr('data-swiper', 1); } }); $('.row-'+nextNr).fadeIn("slow") }); }); function submitFilters () { var FilterUrl = window.location.href; var FilterUrl = FilterUrl.split("?"); filter_url = FilterUrl[0] + '?page=1'; //console.log(filter_url); var sort_order_value = $('select[name=\'sort_order\']').val(); var sort_order = sort_order_value.replace("sort=", ""); sort_order = sort_order.split("&order="); sort = sort_order[0]; order = sort_order[1]; if (sort) { filter_url = filter_url + '&sort=' + sort; } if (order) { filter_url = filter_url + '&order=' + order; } color_filters = []; $.each($(".filter-checkbox:checked"), function(){ color_filters.push($(this).val()); }); var filter_color = color_filters.join(","); if (filter_color) { filter_url = filter_url + '&filter_color=' + filter_color; } var filter_shape = $('input[name=\'filter_shape\']:checked').val(); if (filter_shape) { filter_url = filter_url + '&filter_shape=' + filter_shape; } var filter_origin = $('input[name=\'filter_origin\']:checked').val(); if (filter_origin) { filter_url = filter_url + '&filter_origin=' + filter_origin; } var filter_price = $('input[name=\'price_ranger\']').val(); filter_price = filter_price.replace(";", "-"); if (filter_price) { filter_url = filter_url + '&filter_price=' + filter_price; } var filter_length = $('input[name=\'length_ranger\']').val(); filter_length = filter_length.replace(";", "-"); if (filter_length) { filter_url = filter_url + '&filter_length=' + filter_length; } var filter_width = $('input[name=\'width_ranger\']').val(); filter_width = filter_width.replace(";", "-"); if (filter_width) { filter_url = filter_url + '&filter_width=' + filter_width; } var filter_size = $('select[name=\'filter_size\']').val();; if (filter_size) { filter_url = filter_url + '&filter_size=' + filter_size; } var filter_available = $('input[name=\'show_available\']:checked').val(); if (filter_available) { filter_url = filter_url + '&filter_available=' + filter_available; } else { filter_url = filter_url + '&filter_available=off'; } var filter_discount_sale = $('input[name=\'discount_sale\']:checked').val(); if (filter_discount_sale) { filter_url = filter_url + '&filter_discount_sale=' + filter_discount_sale; } //console.log(filter_url); location = filter_url; } </script> <script type="text/javascript"> window.addEventListener('load', function() { // Safety check initialization: window.dataLayer = window.dataLayer || []; dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "view_item_list", ecommerce: { items: [{"item_id":"22213","item_name":"PERSIAN SILK KILIMS <br\/>210 x 120 cm","currency":"EUR","discount":218,"index":"44","item_brand":"VintageCarpets.com","item_category":"Oranssit Vintage-matot","item_category2":"Aidot perinteiset k\u00e4sintehdyt Kilim-matot","item_category3":"Kaikki Matot","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":726,"quantity":"1"},{"item_id":"28761","item_name":"Persialaiset vintage matot <br\/>291 x 186 cm","currency":"EUR","discount":340,"index":"47","item_brand":"VintageCarpets.com","item_category":"Alkuper\u00e4iset k\u00e4sintehdyt vintage-matot","item_category2":"Oranssit Vintage-matot","item_category3":"Kaikki Matot","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":1134,"quantity":"1"},{"item_id":"29073","item_name":"Persialaiset vintage matot <br\/>277 x 180 cm","currency":"EUR","discount":285,"index":"49","item_brand":"VintageCarpets.com","item_category":"Alkuper\u00e4iset k\u00e4sintehdyt vintage-matot","item_category2":"Oranssit Vintage-matot","item_category3":"Kaikki Matot","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":949,"quantity":"1"},{"item_id":"24570","item_name":"Vintage matot <br\/>236 x 175 cm","currency":"EUR","discount":197,"index":"90","item_brand":"VintageCarpets.com","item_category":"Alkuper\u00e4iset k\u00e4sintehdyt vintage-matot","item_category2":"Moniv\u00e4riset Vintage-matot","item_category3":"Oranssit Vintage-matot","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":656,"quantity":"1"}] } }); }); /*dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "view_item_list", ecommerce: { items: [{"item_id":"22213","item_name":"PERSIAN SILK KILIMS <br\/>210 x 120 cm","currency":"EUR","discount":218,"index":"44","item_brand":"VintageCarpets.com","item_category":"Oranssit Vintage-matot","item_category2":"Aidot perinteiset k\u00e4sintehdyt Kilim-matot","item_category3":"Kaikki Matot","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":726,"quantity":"1"},{"item_id":"28761","item_name":"Persialaiset vintage matot <br\/>291 x 186 cm","currency":"EUR","discount":340,"index":"47","item_brand":"VintageCarpets.com","item_category":"Alkuper\u00e4iset k\u00e4sintehdyt vintage-matot","item_category2":"Oranssit Vintage-matot","item_category3":"Kaikki Matot","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":1134,"quantity":"1"},{"item_id":"29073","item_name":"Persialaiset vintage matot <br\/>277 x 180 cm","currency":"EUR","discount":285,"index":"49","item_brand":"VintageCarpets.com","item_category":"Alkuper\u00e4iset k\u00e4sintehdyt vintage-matot","item_category2":"Oranssit Vintage-matot","item_category3":"Kaikki Matot","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":949,"quantity":"1"},{"item_id":"24570","item_name":"Vintage matot <br\/>236 x 175 cm","currency":"EUR","discount":197,"index":"90","item_brand":"VintageCarpets.com","item_category":"Alkuper\u00e4iset k\u00e4sintehdyt vintage-matot","item_category2":"Moniv\u00e4riset Vintage-matot","item_category3":"Oranssit Vintage-matot","item_variant":"Rectangle","item_list_name":"Category Products","item_list_id":"category_products","price":656,"quantity":"1"}] } });*/ </script> </div> <div class="freephone-container"><a href="https://www.vintagecarpets.com/index.php?route=account/account">Contact the owners directly in English via WhatsApp <a href="https://wa.me/message/DGELRVRSOXTDD1" target="_blank"> 00306985998888</a></a></div> <footer> <div class="container-fluid"> <div class="row"> <div class="col-3 d-none d-xl-block"> <div class="f_logo_img"><img alt="VINTAGE CARPETS" src="image/catalog/src/vintagecarpets-logo-white.svg" width="190" height="160" /></div> <div class="f_logo_text">FOLLOW US</div> <div class="f_social"> <a aria-label="Follow Vintage Carpets on Facebook" href="https://www.facebook.com/vintagecarpet/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a aria-label="Follow Vintage Carpets on YouTube" href="https://www.youtube.com/user/sobsie" target="_blank"><i class="fab fa-youtube"></i></a> <a aria-label="Follow Vintage Carpets on Pinterest" href="https://gr.pinterest.com/vintageteppich/" target="_blank"><i class="fab fa-pinterest-p"></i></a> <a aria-label="Follow Vintage Carpets on Instagram" href="https://www.instagram.com/vintagecarpets/" target="_blank"><i class="fab fa-instagram"></i></a> </div> </div> <div class="col-12 col-xl-9"> <div class="row"> <div class="col-12 col-sm-4 mb-3 f_showroom"> <h5 class="f_showroom-title">Berlin SHOWROOM</h5> <div class="f_showroom-address"><div>Duxiana Berlin</div><div>Knesebeckstrasse 54</div><div>10719 Berliini, Saksa</div></div> <div class="f_showroom-phone">T: +49 3031802024</div> </div> <div class="col-12 col-sm-4 mb-3 f_showroom"> <h5 class="f_showroom-title">Athens SHOWROOM</h5> <div class="f_showroom-address"><div><a href="https://www.amirreza.gr/" target="_blank">Amir Reza</a></div><div>Kifissias Avenue 87</div><div>15124 Athens Greece</div></div> <div class="f_showroom-phone">T: +30 2106109345</div> </div> <div class="col-12 col-sm-4 mb-3 f_showroom"> <h5 class="f_showroom-title">Barcelona SHOWROOM</h5> <div class="f_showroom-address"><div>Luzio</div><div>Calle Ferran Agullo 16,</div><div>08021 Barcelona Espanja</div></div> <div class="f_showroom-phone">T: +34 93 209 4123</div> </div> </div> <div class="clearfix"></div> <div class="row mt-5"> <div class="col-12 col-sm-4 mb-4 mb-md-0"> <h5>LUOKAT</h5> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement"> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/vintage-matto">Vintage</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/nykyaikaiset-kasintehdyt-matot">Moderni</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-kasin-sidotut-matot">Persialaismatot</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/persialaiset-matot-patina">Patina</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/varastossa">ALE</a></li> </ul> </div> <div class="col-12 col-sm-4 mb-4 mb-md-0"> <h5>Tiedotteet</h5> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement"> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/meista">Meistä</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/why-us-fi">Usein kysytyt kysymykset</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/inspiraatio">Inspiraatio</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/Ostajan-opas">Ostajan opas</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/blog">Blogs</a></li> </ul> </div> <div class="col-12 col-sm-4 mb-4 mb-md-0"> <h5>PALVELUT</h5> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement"> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/index.php?route=information/contact">Ota yhteyttä</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/palautukset">Palautukset</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/impressum-fi">Lakisääteiset tiedot</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/tietosuojakaytanto">Tietosuojakäytäntö</a></li> <li itemprop="name"><a itemprop="url" href="https://www.vintagecarpets.com/fi/kayttoehdot">Käyttöehdot</a></li> </ul> </div> </div> </div> </div> </div> </footer> <div class="footer-copyright-wrap"> <div class="footer-copyright container-fluid"> <div class="row"> <div class="footer-copy-col col-xl-12 col-12 justify-content-center text-center text-xl-left"> © 2026 Vintage Carpets - Kaikki oikeudet pidätetään </div> <div class="footer-copy-col footer-copy-col-center justify-content-center col-xl-12 col-12 pb-2 pt-3" style="display:none!important;"> <img src="image/catalog/src/infos/credits_all.png" alt="Credit Icon" title="Credit Icon"> </div> </div> </div> </div> <a href="javascript:" id="return-to-top"><i class="fal fa-chevron-up"></i></i></a> </body> <script src="catalog/view/theme/vc/assets/js/popper.min.js" type="text/javascript" defer></script> <script src="catalog/view/theme/vc/assets/js/bootstrap.min.js" type="text/javascript" defer></script> <script src="catalog/view/theme/vc/assets/plugins/mmenu/mmenu.js" type="text/javascript" defer></script> <script src="catalog/view/javascript/common.js" type="text/javascript" defer></script> <script type="text/javascript"> // Validate Coupon $(document).on('click', '#side-button-coupon', function() { $('#side-coupon-success').html(''); var coupon_value = $('input[name=\'side_coupon\']').val(); if(coupon_value=='') { var error_html = '<div class="alert alert-danger" style="padding: 7px 15px; font-size: 14px;">Gutscheincode ist ungültig! <button type="button" class="close" data-dismiss="alert">×</button></div>'; $('#side-coupon-success').html(error_html); } else { $.ajax({ url: 'index.php?route=extension/quickcheckout/voucher/validateCoupon', type: 'post', data: { coupon : coupon_value }, dataType: 'json', cache: false, beforeSend: function() { $('#side-button-coupon').prop('disabled', true); $('#side-button-coupon').after('<i class="far fa-spinner fa-spin"></i>'); }, complete: function() { $('#side-button-coupon').prop('disabled', false); $('#side-coupon-content .fa-spinner').remove(); }, success: function(json) { $('.alert').remove(); if (json['success']) { var error_html = '<div class="alert alert-success" style="padding: 7px 15px; font-size: 14px; background: #4cb64c;border-color: #4cb64c;color: #fff;"><i class="fa fa-check-circle"></i> Erfolg: Guscheincode-Rabatt wurde angewendet! <button type="button" class="close" data-dismiss="alert">×</button></div>'; $('#side-coupon-success').html(error_html); $('#cart-wrap #cart-container').load('index.php?route=common/cart/info .modal-inner'); } else if (json['error']) { var error_html = '<div class="alert alert-danger" style="padding: 7px 15px; font-size: 14px;">' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'; $('#side-coupon-success').html(error_html); } }, }); } }); $("#cookie_close").click(function(){ Cookies.set("VINTAGECC", Date.now(), { expires: 30 }); $("#cookieWrap").fadeOut(600); $("#cookieWrap").remove(); }); function loginModal(product_id) { var login_popup_link_html = '<a href="index.php?route=account/login&product_id='+ product_id +'" class="btn btn-primary">Jatka</a>'; $("#login_popup_link").html(login_popup_link_html); } </script> <script src="https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" defer></script> <script src="https://kit.fontawesome.com/1f94a9ac53.js" crossorigin="anonymous" defer data-search-pseudo-elements></script> </html>