Mirrors | Telegraph Shop

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Mirrors | Telegraph Shop</title> <link rel="canonical" href="https://shop.telegraph.co.uk/garden-decor/mirrors" /> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Noto+Serif:400,700" rel="stylesheet">  <link rel="stylesheet" href="/assets/css/animate.css"> <link rel="stylesheet" href="/assets/icons/css/all.min.css"> <link rel="stylesheet" href="/assets/icons/css/light.min.css"> <link rel="stylesheet" href="/assets/base.css?version=1.1"> <link rel="stylesheet" href="/assets/css/autocomplete.min.css"/> <link rel="stylesheet" href="/assets/telegraph.css"> <link rel="shortcut icon" href="templates/80/favicon.ico" type="image/x-icon"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width" /> <script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script> <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW"> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="c8e4578c-7e35-4f81-9acc-015df5ab6a3a" type="text/javascript" async></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-47224421-1', 'shop.telegraph.co.uk'); ga('require', 'displayfeatures'); ga('require', 'linkid', 'linkid.js'); ga('send', 'pageview'); </script> </head> <body> <div class="wrapper"> <div id="stickyNav"> <ol> <li><a href="http://www.telegraph.co.uk/" rel="noreferrer noopener" target="_blank">Telegraph.co.uk</a></li> <li><a href="http://www.telegraph.co.uk/news/" rel="noreferrer noopener" target="_blank">News</a></li> <li><a href="http://www.telegraph.co.uk/sport/" rel="noreferrer noopener" target="_blank">Sport</a></li> <li><a href="http://www.telegraph.co.uk/finance/" rel="noreferrer noopener" target="_blank">Finance</a></li> <li><a href="http://www.telegraph.co.uk/comment/" rel="noreferrer noopener" target="_blank">Comment</a></li> <li><a href="http://blogs.telegraph.co.uk/" rel="noreferrer noopener" target="_blank">Blogs</a></li> <li><a href="http://www.telegraph.co.uk/culture/" rel="noreferrer noopener" target="_blank">Culture</a></li> <li><a href="http://www.telegraph.co.uk/travel/" rel="noreferrer noopener" target="_blank">Travel</a></li> <li><a href="http://www.telegraph.co.uk/lifestyle/" rel="noreferrer noopener" target="_blank">Lifestyle</a></li> <li><a href="http://www.telegraph.co.uk/women/" rel="noreferrer noopener" target="_blank">Women</a></li> </ol> </div> <div class="header"> <div class="inner"> <i class="fal fa-bars toggle"></i> <div class="logo"> <a href="/"><img src="/images/Shop_External_stacked (1).png"></a> </div> <div class="icons"> <a href="/basket" class="basketIcon"> <i class="fal fa-shopping-cart"></i> <span>0 Items</span> </a> <a href="/my-account" class="myAccount"><i class="fal fa-user-circle"></i> <span>My Account</span></a> <a class="src"><i class="fa fa-search"></i></a> </div> <div class="search"> <form name="search" action="/search" method="post"> <div class="easy-autocomplete" > <input id="searchTop" name="keyword" placeholder="Search..." autocomplete="off" type="text"> <div class="easy-autocomplete-container" id="eac-container-searchTop"> <ul></ul> </div> </div> </form> <button onclick="search.submit()"><i class="fal fa-search"></i></button> </div> <div class="clear"></div> </div> <div class="filter"></div> </div> <div class="nav"> <div class="navCloser fa fa-times"></div> <div class="menu"> <ul> <li class="head" id="garden"><a>Shop Everything</a> <ul class="level-1 sub" id="sub-garden"> <div class="col quarter center menuItems"> <h2>Build in your Garden</h2> <li><a href="/garden-buildings/storage">Garden Storage Boxes</a></li> <li><a href="/garden-buildings/metal-sheds">Metal Sheds</a></li> <li><a href="/garden-buildings/greenhouses">Greenhouses</a></li> <li><a href="/garden-furniture/awnings">Awnings</a></li> <li><a href="/fencing-and-edging/edging">Edging</a></li> <li><a href="/fencing-and-edging/natural-screening">Natural Screening</a></li> <li><a href="/fencing-and-edging/artifical-screening">Artifical Screening</a></li> <li><a href="/garden-furniture/gazebos-shelters">Gazebos & Shelters</a></li> </div> <div class="col quarter center menuItems"> <h2>Relax in your Garden</h2> <li><a href="/garden-decor/garden-lighting">Garden Lighting</a></li> <li><a href="/garden-furniture/patio-heaters">Patio Heaters</a></li> <li><a href="/garden-furniture/barbeques-firepits">Barbeques & Firepits</a></li> <li><a href="/garden-living">Garden Living</a></li> <li><a href="/garden-furniture/gazebos-shelters">Gazebos & Shelters</a></li> <li><a href="/garden-furniture/shade-sails">Shade Sails</a></li> <li><a href="/garden-decor/mirrors">Garden Mirrors</a></li> <li><a href="/garden-decor/garden-clocks">Outdoor Clocks</a></li> <li><a href="/garden-decor/garden-ornaments">Garden Ornaments</a></li> <li><a href="/garden-decor/water-features">Water Features</a></li> <li><a href="/garden-furniture/awnings">Awnings</a></li> </div> <div class="col quarter center menuItems"> <h2>Grow in your Garden</h2> <li><a href="/growing-and-planting/planters">Planters</a></li> <li><a href="">Potting Benches & Staging</a></li> <li><a href="/garden-buildings/greenhouses">Greenhouses</a></li> <li><a href="/growing-and-planting/cold-frames">Cold Frames</a></li> <li><a href="/tools-and-equipment/watering">Watering</a></li> <li><a href="/growing-and-planting/composters">Composters</a></li> <li><a href="/tools-and-equipment">Tools & Equipment</a></li> </div> <div class="col quarter center menuItems"> <h2>Prepare & Maintain your Garden</h2> <li><a href="/tools-and-equipment/mowers">Mowers & Lawn Care</a></li> <li><a href="/tools-and-equipment/weed-control">Weed Control</a></li> <li><a href="/tools-and-equipment/tillers">Tillers</a></li> <li><a href="/tools-and-equipment/hand-tools">Hand Tools</a></li> <li><a href="/tools-and-equipment/leaf-blower-vac">Leaf Blowers & Vacs</a></li> <li><a href="/tools-and-equipment/hedge-grass-trimmers">Hedge & Grass Trimmers</a></li> <li><a href="/tools-and-equipment/chainsaw">Chainsaws</a></li> <li><a href="/tools-and-equipment/watering">Garden Watering</a></li> <li><a href="/tools-and-equipment/composters">Composters</a></li> <li><a href="/tools-and-equipment/log-splitters">Log Splitters</a></li> <li><a href="/pest-control">Pest Control</a></li> </div> <div class="clear"></div> </ul> </li> <li class="head" id="homeware"><a>Tools & Equipment</a> <ul class="level-1 sub" id="sub-homeware"> <div class="col quarter center menuItems"> <h2>Tools & Equipment</h2> <li><a href="/tools-and-equipment/leaf-blower-vac">Leaf Blowers & Garden Vacs</a></li> <li><a href="/tools-and-equipment/weed-control">Weed Control</a></li> <li><a href="/tools-and-equipment/hedge-grass-trimmers">Hedge & Grass Trimmers</a></li> <li><a href="/tools-and-equipment/mowers">Mowers</a></li> <li><a href="/tools-and-equipment/log-splitters">Log Splitters</a></li> <li><a href="/tools-and-equipment/pressure-washer">Pressure Washers</a></li> <li><a href="/tools-and-equipment/hand-tools">Hand Tools</a></li> <li><a href="/tools-and-equipment/chainsaw">Chainsaws</a></li> <li><a href="/tools-and-equipment/tillers">Tillers</a></li> <li><a href="/tools-and-equipment/wheelbarrows-carts">Wheelbarrows & Carts</a></li> <li><a href="/tools-and-equipment/composters">Composters</a></li> <li><a href="/tools-and-equipment/watering">Watering</a></li> <li><a href="/tools-and-equipment/accessories">Accessories</a></li> <li><a href="/tools-equipment/aerotek-garden-tools">Aerotek Garden Tools</a></li> <li><a href="/tools-equipment/aerotek-tool-accessories">Aerotek Tool Accessories</a></li> </div> <div class="clear"></div> </ul> </li> <li class="head" id="homeware"><a>Growing & Planting</a> <ul class="level-1 sub" id="sub-garden"> <div class="col full center menuItems"> <h2>Growing and Planting</h2> <li><a href="/growing-and-planting/cold-frames">Propagation</a></li> <li><a href="/growing-and-planting/planters">Planters</a></li> <li><a href="/growing-and-planting/obelisk">Obelisks</a></li> <li><a href="/garden-buildings/greenhouses">Greenhouses</a></li> <li><a href="/tools-and-equipment/watering">Watering</a></li> </div> <div class="clear"></div> </ul> </li> <li class="head" id="homeware"><a>Garden Living</a> <ul class="level-1 sub" id="sub-health"> <div class="col half center menuItems"> <li><a href="/garden-furniture"><strong>Garden Furniture</strong></a></li> <li><a href="/garden-furniture/patio-heaters">Patio Heaters</a></li> <li><a href="/garden-furniture/barbeques-firepits">Barbeques & Firepits</a></li> <li><a href="/garden-furniture/gazebos-shelters">Gazebos & Shelters</a></li> <li><a href="/garden-furniture/parasols">Parasols</a></li> <li><a href="/garden-furniture/shade-sails">Shade Sails</a></li> <li><a href="/garden-furniture/daybeds">Daybeds</a></li> <li><a href="/garden-furniture/bistro-sets">Bistro Sets</a></li> <li><a href="/garden-furniture/loungers-hammocks">Loungers & Hammocks</a></li> <li><a href="/garden-furniture/sofa-sets">Sofa Sets</a></li> <li><a href="/garden-furniture/garden-chairs">Garden Chairs</a></li> <li><a href="/garden-furniture/benches">Benches</a></li> <li><a href="/garden-furniture/tables">Tables</a></li> <li><a href="/garden-furniture/dining-set">Dining Sets</a></li> <li><a href="/garden-furniture/awnings">Awnings</a></li> </div> <div class="col half center menuItems"> <li><a href="/garden-decor"><strong>Garden Decor</strong></a></li> <li><a href="/garden-decor/water-features">Water Features</a></li> <li><a href="/garden-decor/garden-lighting">Garden Lighting</a></li> <li><a href="/garden-decor/garden-clocks">Garden Clocks</a></li> <li><a href="/garden-decor/garden-ornaments">Garden Ornaments</a></li> <li><a href="/garden-decor/mirrors">Garden Mirrors</a></li> </div> <div class="clear"></div> </ul> </li> <li class="head" id="homeware"><a>Fencing and Edging</a> <ul class="level-1 sub"> <li><a href="/fencing-edging"><strong>Fencing and Edging</strong></a></li> <li><a href="/fencing-and-edging/artifical-screening">Artifical Screening</a></li> <li><a href="/fencing-and-edging/edging">Lawn Edging</a></li> <li><a href="/fencing-and-edging/natural-screening">Natural Screening</a></li> </ul> </li> <li class="head" id="homeware"><a>Garden Buildings</a> <ul class="level-1 sub"> <li><a href="/garden-buildings"><strong>Garden Buildings</strong></a></li> <li><a href="/garden-buildings/metal-sheds">Metal Sheds</a></li> <li><a href="/garden-buildings/greenhouses">Greenhouses</a></li> <li><a href="/garden-buildings/storage">Storage</a></li> </ul> </li> <li class="head" id="homeware"><a>Pest Control</a> <ul class="level-1 sub"> <li><a href="/pest-control"><strong>Pest Control</strong></a></li> <li><a href="/pest-control/dog-repellers">Dog Repellers</a></li> <li><a href="/pest-control/insect-repellers">Insect Repellers</a></li> <li><a href="/pest-control/mole-repellers">Mole Repellers</a></li> <li><a href="/pest-control/mouse-repellers">Rodent Repellers</a></li> <li><a href="/pest-control/slug-repellers">Slug Repellers</a></li> <li><a href="/pest-control/cat-repellers">Cat Repellers</a></li> <li><a href="/pest-control/squirrel-repellers">Squirrel Repellers</a></li> <li><a href="/pest-control/rabbit-repellers">Rabbit Repellers</a></li> <li><a href="/pest-control/fox-repellers">Fox Repellers</a></li> <li><a href="/pest-control/moth-repellers">Moth Repellers</a></li> <li><a href="/pest-control/other">Other Pest Repellers</a></li> </ul> </li> <li id="gifts"><a href="/gifts">Gifts</a></li> </ul> </div> </div> <div class="margin-top"></div> <div class="appendPop"></div> <div class="popmask"></div> <div id="counterHead" class="counter animated fadeIn"> <div class="inner"> <div class="crumbs" itemscope itemtype="https://schema.org/WebPage"><a class="BChome" href="/">Home</a><span>></span><b itemprop="Breadcrumb"><a itemprop="url" href="/garden-decor" ><b>Garden Decor</b></a></b><span>></span><b itemprop="Breadcrumb"><a itemprop="url" href="/garden-decor/mirrors" ><b>Mirrors</b></a></b></div> <h1>Mirrors</h1> <p></p> </div> </div> <div class="inner counter"> <div class="section group"> <div class="col full content"> <div class="newFilters"> <div class="filter-sub sorting"> <span rel="sort">Sort By: <strong class="thisSort">Most Popular</strong> <i class="fas fa-chevron-down"></i></span> <div class="dropdown sort"> <input type="radio" rel="Most Popular" value="sold_f desc" id="XB71D9" data-raw="sold_f desc" name="sortBy" onChange="getProducts();" checked><label for="XB71D9">Most Popular</label> <input type="radio" rel=" Name A-Z" value="name_s asc" id="XDEF0E" data-raw="name_s asc" name="sortBy" onChange="getProducts();" ><label for="XDEF0E"> Name A-Z</label> <input type="radio" rel=" Name Z-A" value="name_s desc" id="X7E3F6" data-raw="name_s desc" name="sortBy" onChange="getProducts();" ><label for="X7E3F6"> Name Z-A</label> <input type="radio" rel=" Price Low > High" value="price_f asc" id="XA9557" data-raw="price_f asc" name="sortBy" onChange="getProducts();" ><label for="XA9557"> Price Low > High</label> <input type="radio" rel=" Price High > Low" value="price_f desc" id="X7B722" data-raw="price_f desc" name="sortBy" onChange="getProducts();" ><label for="X7B722"> Price High > Low</label> </div> </div> </div> <div id="products" class="section group products full"> </div> </div> </div> </div> <div class="mask"></div> <div class="reviewPopup"> <div class="loading-spinner"><div></div><div></div><div></div><div></div></div> <i class="fas fa-times close"></i> <div class="prod"></div> <div class="reviews"></div> <div class="clear"></div> </div> <div id="footerSignUp"> <div class="section group inner"> <div class="col full newsletter"> <p><strong>Subscribe to our newsletter for exclusive offers</strong></p> <a href="http://pages.email.telegraph.co.uk/shop_signup/" rel="noreferrer noopener" target="_blank" class="btn" id="joinBTN">Sign Up</a> </div> </div> </div> <div class="clear"></div> <div class="footer"> <div class="section group inner"> <div class="col quarter"> <h2>Telegraph Shop</h2> <a href="/contact-us">Contact Us</a> <a href="/delivery">Delivery</a> <a href="/faq">FAQ</a> <a href="/returns">Returns</a> </div> <div class="col quarter"> <h2 class="hide"> </h2> <a href="/privacy-policy">Privacy Policy</a> <a href="/cookies">Cookies</a> <a href="/terms-and-conditions">Terms & Conditions</a> </div> <div class="col quarter"> <h2 class="hide"> </h2> <a href="https://www.bvg-group.co.uk/bvg-group-msa.cfm" rel="noreferrer noopener" target="_blank">Modern Slavery Act</a> <a href="/disclaimer">Disclaimer</a> <a href="/reviews">Reviews</a> </div> <div class="col quarter"> <h2 class="hide"> </h2> <div class="feefo-icon"> <img src="/images/80/feefo_sq_trusted_service_2023_white.png" width="150"></img> </div> </div> <div class="clear"></div> <p class="copyright">©Telegraph Shop is part of the Telegraph Media Group. www.telegraph.co.uk. Site maintained by Branded Garden Products Ltd. *Calls are charged at 7p per minute plus your phone company's access charge.</p> </div> </div> <script type="text/javascript"> (function() { var qtm = document.createElement('script'); qtm.type = 'text/javascript'; qtm.async = 1; qtm.src = 'https://cdn.quantummetric.com/qscripts/quantum-telegraph.js'; var d = document.getElementsByTagName('script')[0]; !window.QuantumMetricAPI && d.parentNode.insertBefore(qtm, d); })(); </script> <script src="//assets.adobedtm.com/launch-EN37f99897a0f644a1bdc4fdf48dd63f84.min.js"></script> <script src="/assets/js/autocomplete.min.js"></script> <script type="text/javascript" src="/assets/js/jquery.lazy.min.js"></script> <script type="text/javascript">_satellite.pageBottom();</script> <div class="clear"></div> </div> <script> document.addEventListener('DOMContentLoaded', function(){ lazyLoad(); }, false); function lazyLoad(){ $('.prodLoader').show(); var allimages = $('img[data-src]'); allimages.each(function(img) { this.setAttribute('src', this.getAttribute('data-src')); this.onload = function() { this.removeAttribute('data-src'); var classes = $(this).attr('data-id'); setTimeout(function(){$('.prodLoader.'+classes).fadeOut();}, 300); }; }); } $('.lazy').Lazy({ // your configuration goes here scrollDirection: 'vertical', effect: 'fadeIn', visibleOnly: true, attribute: "data-img", afterLoad: function(element) { console.log(element.data('id')); var classes = element.data('id'); $('.prodLoader.'+classes).fadeOut(); setTimeout(function(){$('.prodLoader.'+classes).remove();}, 300); }, onError: function(element) { console.log('error loading ' + element.data('src')); } }); var windowWidth = $(window).width(); var windowHeight = $(window).height(); var menu = $('.nav'); var search = $('.search'); var prodimage = $('.prodimage'); var buybox = $('.buybox'); var proddiv = $('.inner.product'); $(window).resize(function() { var windowWidth = $(window).width(); }); $('.toggle').click(function(){ $('.wrapper').toggleClass('open'); }); $('.menu li.head').click(function(){ $('ul.sub').slideUp('fast'); $('.menu li.head').removeClass('active'); if($(this).find('ul').css('display') == 'none'){ $(this).find('ul').slideDown('fast'); $(this).addClass('active'); } }); $('.src').click(function(){ search.toggleClass('open'); $('#searchTop').focus(); }); $('.navCloser').click(function(){ $('.wrapper').toggleClass('open'); $('.navCloser').css('display:none'); }); $('.close.c-mob').click(function(){ $('.toggle').trigger('click'); }); var options = { url: function(phrase) {return "/collection-json.cfm?phrase=" + phrase}, getValue: "name_s", requestDelay: 200, highlightPhrase: false, template: { type: "custom", method: function(value, item) { return "<img src='/images/products/thumb/t-" + item.image_s.split(',')[0] + "' /> " + value; } }, list: { onClickEvent: function() { var theLink = '/' + $("#searchTop").getSelectedItemData().link_s; window.location.href = theLink; } } }; $("#searchTop").easyAutocomplete(options); $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 15) { $(".header").removeClass("tr"); } else { $(".header").addClass("tr"); } }); function Signup(email,result){ var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (email == '' || !filter.test(email)) { $(result +' input').focus(); } else{ $(result).html('<div class="signupResult">Thanks for signing up to receive our newsletters. You can opt out of receiving marketing communications from us at any time by contacting our customer service team on 0844 573 6015, or by opting out directly from the communication we have sent you. To find out more about how we store and use the data you give us, please visit <a href="/privacy-policy">Privacy Policy</a>. We do not share your phone or email address with 3rd parties.</div>'); $.ajax({ url: "/email-signup-process.cfm", data: { Email:email, source:'signupbox' }, type:"POST", success: function(data) {$('body').append(data);} }); } }; </script> <script type="text/javascript" src="/assets/js/slick.min.js"></script> <script type="text/javascript" src='/assets/js/tinysort.min.js'></script> <script> function getSize(obj,v) { var Query = obj; return Query.filter( function(x) { return v.indexOf(x.key) > -1; } ); }; $('.mask, .close').click(function(){ $('.mask').hide(); $('.reviewPopup').hide(); $('.reviewPopup .prod').empty(); $('.reviewPopup .reviews').empty(); }); function getReviews(c,v,k){ $('.mask').show(); $('.reviewPopup').show(); $('.loading-spinner').show(); skus = []; skus.push(k); var options = getSize([],skus); console.log(options); $.ajax({ url: "/getreviews2.cfm", type:"GET", data: { code:c, company:v, dump:true}, success:function(data){ $('.loading-spinner').hide(); var img = options[0]['image_s']; var str = img.split(','); var mainimage = str[0]; $('.reviewPopup .prod').html('<h2>'+options[0]['name_s']+'</h2>'); $('.reviewPopup .prod').append('<p><img src="/images/products/counter/c-'+mainimage+'" width="100%"></p>'); $('.reviewPopup .prod').append('<a href="/'+options[0]['link_s']+'" class="btn">View Product</a>'); $('.reviewPopup .reviews').html('<h2>Recent Reviews</h2>'); $('.reviewPopup .reviews').append(data); } }) } $('.brand').click(function(){ var list = []; if($(this).hasClass('active')){ $(".brand").removeClass('active'); } else { $(".brand").removeClass('active'); $(this).addClass('active'); var brand = $(this).attr('rel'); list.push($(this).attr('rel')); $('html, body').animate({scrollTop: $("#products").offset().top}, 1000); } $('#products .prodBox').removeClass('first'); if(list.length > 0){ $('#products .prodBox').hide().addClass('hidden'); $.each( list, function( key, value ) { $('#products .prodBox.'+value).show().removeClass('hidden'); }); } else { $('#products .prodBox').show().removeClass('hidden'); } $("#products .prodBox").not('.hidden').each(function(index, element) { if ((index+4) % 4 == 0 ) $(this).addClass("first"); }); doLazy(); }); $('.brandSlider').slick({ slidesToShow: 4, autoplay: false, autoplaySpeed: 5000, infinite:true, responsive: [ { breakpoint: 1000, settings: { slidesToShow: 3, centerMode: true, centerPadding: '5px', } }, { breakpoint: 746, settings: { slidesToShow: 2, centerMode: false, centerPadding: '5px', } }, { breakpoint: 500, settings: { slidesToShow: 2, centerMode: true, centerPadding: '5px', autoplaySpeed: 2000 } } ] }); $('.filterClose').click(function(){ $('.sidemenu').toggleClass('open'); }) $('.filterBTN').click(function(){ $('.sidemenu').toggleClass('open'); }) $(document).on("click", '.filterSub h3', function() { $(this).next('.filterKeys').slideToggle('fast'); // console.log($(this).next('.filterKeys')); }); function getProducts(){ str = $('input[name="sortBy"]:checked'); name = str.attr('rel'); $('.thisSort').html(name); res = str.val().split(" "); type = res[0]; dir = res[1]; tinysort('#products div.prodBox',{data:type, order:dir}); // console.log(res); $("#products .prodBox").removeClass("first"); $("#products .prodBox").not('.hidden').each(function(index, element) { if ((index+4) % 4 == 0 ) $(this).addClass("first"); // if ((index+3) % 3 == 0 ) $(this).addClass("first"); }); $('.filter-sub.sorting span').trigger('click'); setAjaxSesh('sortby',type+' '+dir); // doLazy(); } function setAjaxSesh(n,v){$.ajax({url: "/ajax_session_set.cfm",data: { name:n, value:v },type:"POST"})} getProducts(); function allPossibleCases(array, result, index) { if (!result) { result = []; index = 0; array = array.map(function(element) { return element.push ? element : [element]; }); } if (index < array.length) { array[index].forEach(function(element) { var a = array.slice(0); a.splice(index, 1, [element]); allPossibleCases(a, result, index + 1); }); } else { result.push(array.join('.')); } return result; } $('.filter-sub span').click(function() { var v = $(this).attr('rel'); $(".filter-sub span").removeClass('active'); $('.filter-sub span i').removeClass('fa-chevron-up') $('.filter-sub span i').addClass('fa-chevron-down') if($('.dropdown.'+v).is(':visible')){ $('.dropdown.'+v).removeClass('active'); $(".filter-sub span").removeClass('active'); } else { $('.dropdown').removeClass('active'); $(this).addClass('active'); $('.dropdown.'+v).addClass('active'); $(this).find('i').toggleClass('fa-chevron-down fa-chevron-up'); } }); $(document).ready(function() { $('.filter-sub.theFilters input').change(function() { filterKey(); }); function filterKey(){ var list = []; $('.filter-sub input[type=checkbox]').each(function () { var sThisVal = (this.checked ? "1" : "0"); if(this.checked){ list.push($(this).attr('id')); } }); console.log(list) $('#products .prodBox').removeClass('first'); if(list.length > 0){ $('#products .prodBox').hide().addClass('hidden'); $.each( list, function( key, value ) { $('#products .prodBox.'+value).show().removeClass('hidden'); }); } else { $('#products .prodBox').show().removeClass('hidden'); } $("#products .prodBox").not('.hidden').each(function(index, element) { if ((index+4) % 4 == 0 ) $(this).addClass("first"); }); doLazy(); } }); $('.mask').click(function(){ console.log('x'); $('.mask').fadeOut(); $('.prodBox').removeClass('active'); $('.quickBuy').fadeOut().empty(); }); function quickBuy(code,id){ $.ajax({ type: 'GET', datatype:'json', url: '/quickBuy.cfm', data: {code:code, id:id}, success:function(data){ $('.mask').fadeIn(); $('#'+id).addClass('active'); $('#'+id+' .quickBuy').html(decodeURIComponent(data['result'])).fadeIn(); } }); } function closeQuickBuy(id){ $('.mask').fadeOut(); $('#'+id).removeClass('active'); $('#'+id+' .quickBuy').fadeOut().empty(); // console.log(id); } function addProd(sku,prodcode){ // console.log(sku); // console.log(prodcode); $('button#opt-'+sku).addClass('active'); $('.basketLoader').show(); $.ajax({ type: 'POST', datatype:'json', url: '/cart-JSON2.cfm', data: {sku:sku,prodcode:prodcode,quantity:1}, success:function(data){ if (typeof data['addToBody'] !== 'undefined') { $('body').append(decodeURIComponent(data['addToBody'])); } if (typeof data['redeye'] !== 'undefined') { $('body').append(decodeURIComponent(data['redeye'])); } if (typeof data['Items'] !== 'undefined') { $('.basketIcon span').html(data['Items']); $('.basketLoader .loader').hide(); $(".trigger").toggleClass("drawn"); $('button#opt-'+sku).removeClass('active'); setTimeout(function(){closeQuickBuy(prodcode);}, 2000); } // closeQuickBuy(prodcode); // $('.addpop').html(decodeURIComponent(data['Message'])).show(); } }); return false; } </script> </body> </html>

CINXE.COM

Mirrors | Telegraph Shop