CINXE.COM
Telegraph bookshop
<!DOCTYPE html> <html lang="en-gb" class="desktop unauthenticated"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="StoreFront 2020 - Copyright. All rights reserved." /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- 2.6.4.0022 - 10/11/2023 --> <script> var cmsTS = '2024-11-27 17:36:37' </script> <title>Telegraph bookshop</title> <!-- <link href="/public/css/desktopCss?v=Cz6X8pLz-iBTpNXvJW-lnuydMtowxQFjgvYjPxW-ets1" rel="stylesheet"/> --> <script src="/public/javascript/jQuery-3.5.1/jQuery?v=RnE34LKlgOpJBpIbUIC87AbtRtmP8MEaL2Hv3eDacI81"></script> <script type="text/javascript"> var ROOT = '/'; </script> <link href="https://books.telegraph.co.uk/Help/Returns" rel="canonical" /> <link href="/public/css/jquery-ui/jQueryUICss?v=BP3RR1CaADDC515PCubNtSEf3KVaTbl_DZUdsVft22E1" rel="stylesheet"/> <script src="/public/javascript/searchSuggestBundle?v=gt8wB1jsyPRsArteb40ADTJFJ0V3udKgrmmxNlqvxtk1"></script> <script type="text/javascript"> SearchSuggest.options.url = '/Search/Suggestions'; SearchSuggest.options.searchBoxSelector = '#keyword'; SearchSuggest.options.searchFormSelector = '#SearchForm'; </script> <script src="/public/javascript/desktopJs?v=gST8K2pc--z7Vna7uqJCzRRp7FAXTE-PpAI17pODMGw1"></script> <meta name="google-site-verification" content="R_Jq6GwQeu4ZsUWPscWj5QRS5IKbs3FvPfp2dS7WXaY" /> <script src="/Content/StoreFront/assets/JS/jQueryUi.js"></script> <link rel="icon" href="/Content/StoreFront/assets/images/Favicon/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/Content/StoreFront/assets/images/Favicon/favicon.ico" type="image/x-icon"> <meta name="google-site-verification" content="3jT1etY2lsmMbMEc-K1O5rg7vm0hK0arfN0L8xPEYX4" /> <meta name="google-site-verification" content="3jT1etY2lsmMbMEc-K1O5rg7vm0hK0arfN0L8xPEYX4" /> <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'> <script src="https://use.fontawesome.com/5fd45c489d.js"></script> <script> var _prum = [['id', '54f7aedbabe53dd010941c3f'], ['mark', 'firstbyte', (new Date()).getTime()]]; (function() { var s = document.getElementsByTagName('script')[0] , p = document.createElement('script'); p.async = 'async'; p.src = '//rum-static.pingdom.net/prum.min.js'; s.parentNode.insertBefore(p, s); })(); </script> <script src='//d3c3cq33003psk.cloudfront.net/opentag-35657-booksproduction.js' async defer></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-439540603"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-439540603'); </script> <link rel='stylesheet' type='text/css' href='/DynamicContent/Css?v=7f8b9d84a1854cf9c2a4e22daeb411ac' /> <link rel='stylesheet' type='text/css' href='/DynamicContent/CssLess?v=f07928cce0263548bdeef46f4c0167df' /> <script src='/DynamicContent/Js?v=f1c3a574e631f1f1e42b4bf796df9275'></script> </head> <body> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KWT9TTN');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWT9TTN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="backgroundClicker"></div> <div id="freeow" class="freeow freeow-top-right clearfix"></div> <div id="outerWrap"> <div id="wrap"> <div id="headerWrap"> <div id="header"> <div class="container-md"> <div class="row"> <div id="storeLogo" class="header__logoWrap"> <a class="header__logo" href="https://books.telegraph.co.uk/" title="Telegraph bookshop"> Telegraph bookshop </a> </div> <!-- top menu --> <div id="miniBasket"> <!-- basket total --> <div class="details"> <a href="/basket"> <span class="imageHolder"></span> <span id="uxSmallBasketQuantity"><span class="number">0</span><span class="text"> items</span></span> <span class="basketText">Basket</span> </a> </p> <!--<span id="checkoutLink"><a href="https://books.telegraph.co.uk/Basket">Basket</a></span>--> </div> <!-- @ basket total --> </div> <!-- navigation bar --> <div id="navSupport"> <div id="miniNav"> <div class="smallText">Click here to login</div> <a class="dropdownToggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" rel="nofollow"> <span class="navMyAccount">My Account</span> </a> <ul class="dropdown-menu accountNav" aria-labelledby="dropdownMenuLink"> <li id="navMenuAccount" class="dropdown-item"><a href="https://books.telegraph.co.uk/Account" rel="nofollow">My account</a></li> <li id="navMenuLogoff" class="dropdown-item"> <a href="https://books.telegraph.co.uk/Account/Logon">Sign In or Register</a> </li> <li id="navMenuHelp"><a href="/Help">Help</a></li> </ul> </div> </div> <div id="navButton" class="navbar-light"> <a class="navbarToggle" aria-controls="navMain" aria-label="Toggle navigation"><span class="togglerText">Menu</span></a> </div> <div id="searchClicker"><div class="click"><i class="fa fa-search" aria-hidden="true"></i><span>search</span></div></div> <script> $("#searchClicker .click").click(function() { $("body").toggleClass("mobileSearch"); $("#keyword").focus(); }); </script> <!-- @ navigation bar --> <!-- search bar --> <div id="searchBar" itemscope itemtype="https://schema.org/WebSite"> <meta itemprop="url" content="https://books.telegraph.co.uk/" /> <form id="SearchForm" action="/Search/Keyword" method="post" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction"> <meta itemprop="target" content="http://books.telegraph.co.uk/Search/Keyword?keyword={keyword}" /> <div id="searchBox"> <div class="productType "><label for="productType">Select a product type</label> <select id="productType" name="productType" class="custom-select"> <option value="0" selected="selected">All Products</option> <option value="-1" disabled="disabled">---------------------</option> <option value="1">Book</option> <option value="5">eBook</option> <option value="6">Merchandise</option> <option value="8">eAudiobook</option> <option value="9">Customisable Book</option> </select></div> <label for="keyword">Search for a product</label><input id="keyword" class="form-control" name="keyword" type="text" placeholder="Search" itemprop="query-input" required /><input type="submit" value="Search" /> </div> </form> </div> <!-- @search bar --> </div> </div> </div> <div id="nav" class=""> <div id="navWrap"> <div id="navMain"> <div class="menuText"><span>Navigation</span><span id="navClickerX">X</span></div> <ul class="primary"> <li id="navHome"><a href="/">Home</a></li> <li><a href="/Books" class="">Book Genres</a> <div class="megaMenu ui-sortable" style="display: none;"> <ul class="categoryContainer ui-sortable-handle" style="display: block;"> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <ul class="dropdown-group"> <li><a href="/Search/Art-Photography?fq=121000-01120" class="">Art & Photography </a></li> <li><a href="/Search/Biography?fq=-121111-01120">Biography </a></li> <li><a href="/Search/Business-Finance-and-Law?fq=-121138-01120">Business,Finance and Law </a></li> <li><a href="/Search/Childrens?fq=-121488-01120">Children's </a></li> <li><a href="/Search/Comics-and-Graphic-Novels?fq=-121612-01120">Comics and Graphic Novels </a></li> <li><a href="/Search/Computing?fq=-121618-01120">Computing </a></li> <li><a href="/Search/Crime?fq=-121800-01120">Crime </a></li> <li><a href="/Search/Education?fq=-121804-01120">Education </a></li> <li><a href="/Search/Fiction?fq=-121934-01120">Fiction </a></li> <li><a href="/Search/Food-Drink?fq=-121956-01120">Food & Drink </a></li> </ul> </li> <li class="category"> <ul class="dropdown-group"> <li><a href="/Search/Health-Lifestyle?fq=-122007-01120">Health & Lifestyle </a></li> <li><a href="/Search/History-Transport?fq=-122046-01120">History & Transport </a></li> <li><a href="/Search/Hobbies-Games?fq=-122168-01120">Hobbies & Games </a></li> <li><a href="/Search/Home-Garden?fq=-122211-01120">Home & Garden </a></li> <li><a href="/Search/Humour?fq=-122257-01120">Humour </a></li> <li><a href="/Search/Mind-Body-Spirit?fq=-122264-01120">Mind, Body, Spirit </a></li> <li><a href="/Search/Music-Stage-Screen?fq=-122303-01120">Music, Stage & Screen </a></li> <li><a href="/Search/Natural-History-Pets?fq=-122386-01120">Natural History & Pets </a></li> <li><a href="/Search/Poetry-Drama?fq=-122415-01120">Poetry & Drama </a></li> <li><a href="/Search/Politics-Philosophy-Religion?fq=-122422-01120">Politics, Philosophy & Religion </a></li> </ul> </li> <li class="category"> <ul class="dropdown-group"> <li><a href="/Search/Reference?fq=-122623-01120">Reference </a></li> <li><a href="/Search/Reference-Languages?fq=-122680-01120">Reference & Languages </a></li> <li><a href="/Search/Romance?fq=-122879-01120">Romance </a></li> <li><a href="/Search/Science-Fiction-Fantasy-Horror?fq=-122883-01120">Science Fiction, Fantasy & Horror </a></li> <li><a href="/Search/Scientific-Technical-and-Medical?fq=-122891-01120">Scientific, Technical and Medical </a></li> <li><a href="/Search/Sport?fq=-123505-01120">Sport </a></li> <li><a href="/Search/Stationery-Items?fq=-123591-01120">Stationery Items </a></li> <li><a href="/Search/Travel?fq=-123596-01120">Travel </a></li> </ul> </li> </ul> </li> </ul> </div> </li> <li><a href="/custom" class="">Custom Items</a><!--<div class="megaMenu ui-sortable" style="display: none;"><ul class="categoryContainer"><li class="categoryColumn"><ul class="categories"><li class="category"><ul class="dropdown-group"><li class="group-link"><a href="/Search?GroupCode=custombooks" class="">Telegraph Custom Books</a></li><li class="group-link"><a href="/Search?GroupCode=FramedFrontPages" class="">Framed Front Page Prints</a></li></ul></li></ul></li></ul></div>--> <div class="megaMenu ui-sortable" style="display: none;"> <ul class="categoryContainer ui-sortable-handle"> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label"></h5> <ul class="dropdown-group"> <li class="group-link"><a href="/customitems/Birthday-Gift-Items" class="">Birthday Books & Gifts</a></li> <li class="group-link"><a href="/customitems/footballheadlines" class="">Football Headlines Books</a></li> <li class="group-link"><a href="/customitems/ThemedBooks" class="">Themed Books</a></li> <li class="group-link"><a href="/customitems/Sports-books" class="">Sports Books</a></li> </ul> </li> </ul> </li> </ul> </div> </li> <li><a href="/telegraph-titles" class="">Telegraph Titles</a> <div class="megaMenu ui-sortable" style="display: none;"> <ul class="categoryContainer ui-sortable-handle"> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label">Telegraph Published</h5> <ul class="dropdown-group"> <li class="group-link"><a href="/telegraph-titles/cartoons" class="">Matt Pritchett Cartoons</a></li> <li class="group-link"><a href="/telegraph-titles/columnists-writers" class="">Columnists Writers</a></li> <li class="group-link"><a href="/telegraph-titles/obituaries" class="">Obituaries</a></li> <li class="group-link"><a href="/telegraph-titles/knowledge-books" class="">Knowledge Books</a></li> <li class="group-link"><a href="/telegraph-titles/letters" class="">Letters</a></li> </ul> </li> </ul> </li> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label">Telegraph Puzzles</h5> <ul class="dropdown-group"> <li class="group-link"><a href="/telegraph-titles/puzzles/codewords" class="">Codeword Puzzles</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/cryptic-crosswords" class="">Cryptic Crosswords</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/general-knowledge" class="">General Knowledge</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/pluswords" class="">Plusword Puzzles</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/other-brain-teasers" class="">Other Brain Teasers</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/sudoku" class="">Sudoku Puzzles</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/quick-crosswords" class="">Quick Crosswords</a></li> </ul> </li> <li class="category"> <h5 class="group-label"></h5> </li> </ul> </li> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label"></h5> </li> <li class="category"> <h5 class="group-label"></h5> </li> </ul> </li> </ul> </div> </li> <li><a href="/best-book-lists" class="">Best Book Lists</a> <div class="megaMenu ui-sortable" style="display: none;"> <ul class="categoryContainer ui-sortable-handle"> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label"></h5> <ul class="dropdown-group"> <li class="group-link"><a href="/best-book-lists/golf-books" class="">Best golf books for 2024</a></li><li class="group-link"><a href="/best-book-lists/history-books" class=""> Best history books for 2024</a></li><li class="group-link"><a href="/best-book-lists/self-help-books" class="">Best self-help books for 2024</a></li><li class="group-link"><a href="/best-book-lists/bestof2023" class="">Best reads of 2023</a></li> <li class="group-link"><a href="/best-book-lists/man-utd-books" class="">Manchester United books</a></li> <li class="group-link"><a href="/best-book-lists/liverpool-fc-books" class="">Liverpool FC books</a></li> <li class="group-link"><a href="/best-book-lists/arsenal-fc-books " class="">Arsenal FC books</a></li><li class="group-link"><a href="/best-book-lists/chelsea-fc-books " class="">Chelsea FC books</a></li></ul> </li> </ul> </li> </ul> </div> </li> </ul> <ul id="mobileExtras"> <li data-role="list-divider" role="heading" data-theme="a" class="ui-li-divider ui-bar-a">Options</li> <li id="navMenuAccount"><a href="/Account" data-role="none" class="ui-btn ui-btn-icon-right ui-icon-carat-r">My account</a></li> <li id="navMenuLogoff"><a href="/Account/Logoff" data-role="none" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Log off</a></li> <li id="navMenuHelp"><a href="/Help" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Help</a></li> </ul> </div> </div> <div id="navClickerClose"></div> <script> //Desktop $(".nav-item").hover(function () { var windowWidth = $(window).width(); if (windowWidth > 768) { if ($(this).children(".megaMenu").is(":visible")) { $(this).toggleClass("open"); } else { $(this).addClass("open"); } } }, function () { var windowWidth = $(window).width(); if (windowWidth > 768) { $(this).removeClass("open"); } }); //Mobile $("#mobileExtras ul").append($(".newTopBar ul").html()); $(".navbarToggle").click(function () { var windowWidth = $(window).width(); if (windowWidth <= 768) { if ($("#nav").is(":visible")) { $("body").toggleClass("mobileMenuOpen"); } else { $("body").addClass("mobileMenuOpen"); } } }); $("#backgroundClicker").click(function(){ $("body").removeClass(); }); $("#navClickerClose").click(function(){ $("body").removeClass("mobileMenuOpen"); }); $("#navClickerX").click(function(){ $("body").removeClass("mobileMenuOpen"); }); $(".primary > li > a").click(function () { if ($("body").hasClass("mobileMenuOpen")) { if ($(this).siblings(".megaMenu").length) { // $(this).parent("li").toggleClass("open"); return false; } else { return true; } } }); //Measure LIs and make hamburger if required var menuLength = 0; $("#navMain .primary > li").each(function () { menuLength += $(this).width(); }); if ($("#navMain .primary").width() < menuLength) { console.log("colapse"); } else { console.log("noColapse"); } </script> <script> $(".primary > li > a").click(function () { var windowWidth = $(window).width(); if (windowWidth <= 768) { if ($(this).parent().hasClass("openSection")) { $("li.openSection").removeClass("openSection"); } else { $("li.openSection").removeClass("openSection"); $(this).parent("li").addClass("openSection"); } } }); $(".category > .group-label").click(function () { var windowWidth = $(window).width(); if (windowWidth <= 768) { if ($(this).parent(".category").hasClass("openCategory")) { $(".category.openCategory").removeClass("openCategory"); } else { $(".category.openCategory").removeClass("openCategory"); $(this).parent(".category").addClass("openCategory"); } } }); </script> <script> (function ($) { var $window = $(window); $window.resize(function resize() { if ($window.width() > 768) { $("body").removeClass(); $(".category.openCategory").removeClass('openCategory'); $(".primary > li").removeClass('openSection'); return true; } }).trigger('resize'); })(jQuery); </script> <style type="text/css"> @media screen and (min-width: 768px) { .nav-item:hover .dropdown-menu { display: block; } } </style> <div class="clear"></div> </div> </div> <!-- desktop header with responsive wrapper --> <!-- @desktop header with responsive wrapper --> <!-- @mobile header for checkout with responsive wrapper --> <!-- main page content --> <!-- desktop header --> <!-- @desktop header --> <div id="Returns"> <div id="breadcrumb" class="breadcrumb"><div class="manual"><ul><li><span><a href="/">Home</a></span></li><li><span><a href="/Help">Help</a></span></li><li><span>Returns</span></li></ul></div></div> <div class="container-md adminHelpPages"> <div class="row"> <div class="col-12 col-md-3 leftNav"><h5>Account Help</h5> <ul> <li><a href="/Help/FAQ">FAQs</a></li> <li><a href="/Help/ebookshelp">eBooks Help</a></li> <li><a href="/Help/Customised-Books-FAQs">Customised Books Help</a></li> <li><a href="/Help/ContactUs">Contact Us</a></li> <li><a href="/Help/Delivery">Delivery Information</a></li> <li><a href="/Help/Returns">Returns</a></li> </ul></div> <div class="col-12 col-md-9"> <div class="headers twenty no"> <h3 style="font-size: 24px;"> Returns Policy </h3> </div> <p>If you can’t find the answer that you are looking for below, please <a href="/Help/ContactUs">contact us</a>, we will be happy to help.</p> <p> </p> <h3>For a refund, item(s) need to be returned:</h3> <ul> <li>In their original condition, and ideally in the original packaging</li> <li>To the correct returns address</li> <li>Within 30 days of the day you received the item(s)</li> <li>With details of your name, address and order number</li> <li>With a reason for returning the item</li> </ul> <p> </p> <h3>Unwanted item</h3> <p>As part of the EU’s Consumer Rights Directive that became effective on June 13, 2014, you may withdraw your orders within 30 days. These 30 days start counting from the day you receive the item(s) and you have the right to cancel the purchase for any reason. We will refund what you paid but you will need to pay the return postage cost. </p> <p> </p> <h3>Incorrect item</h3> <p>If we have sent you an incorrect item, please accept our sincerest apologies. Please return the incorrect item to us so that we can send you the correct item. Replacements for incorrect items will be processed (as quickly as possible) only when the incorrect item(s) have been returned to us.</p> <p> </p> <h3>Faulty or damaged item</h3> <p>If your item arrives damaged or faulty, please accept our apologies. Please return the item and include details of your name, address and order number, the reason for return (faulty or damaged) and whether you would like a refund or a replacement to be sent.</p> <p>We will either refund what you paid for the item plus your original postage cost (you are responsible for the return postage cost), or send you a replacement free of charge. Refunds or replacements for faulty or damaged items will be processed only when the item has been received by us.</p> <p> </p> <h3>How you will be refunded</h3> <p>We will make the refund to the card that was used to pay for the original order.<br /> We are not able to make cash refunds.</p> <p> </p> <h3>Returns Address</h3> <p>The Telegraph Bookshop<br /> PO Box 48<br /> Westham<br /> East Sussex<br /> BN23 6WB<br /> England</p> <p>* Refunds will be processed only when the item(s) have been received by us.</p></div> </div> </div> </div> <!-- @main page content --> <!-- desktop footer with responsive wrapper --> <div id="footer"> <div class="newsletterBox"> <div class="container-md"> <p class="newsImgText"><a href="https://www.telegraph.co.uk/customer/secure/newsletter/?urlPath=bookshop" target="_blank" style="color: #000000;text-decoration: none;">Sign up to our newsletter today! Click here for more details...</a></p> </div> </div> <div class="container-md"> <div class="row"> <div class="col-12 logo"><img src="/Content/StoreFront/SiteImages/Books_external_display_black.svg" alt="logo" /></div> <div class="col-12 col-sm-4 col-md-3"> <ul> <li>Shop</li> <li><a href="/">Home</a></li> <li><a href="/Books">Books</a></li> <li><a href="/eBooks">eBooks</a></li> </ul> </div> <div class="col-12 col-sm-4 col-md-3"> <ul> <li>Help</li> <li><a href="/Help/FAQ">FAQs</a></li> <li><a href="/help/Customised-Books-FAQs">Customised Books FAQs</a></li> <li><a href="/help/ebookshelp">eBooks Help</a></li> <li><a href="/Help/ContactUs">Contact Us</a></li> <li><a href="/Help/Delivery">Delivery Information</a></li> <li><a href="/Help/Returns">Returns</a></li> </ul> </div> <div class="col-12 col-sm-4 col-md-3"> <ul> <li>About Us</li> <li><a href="/Help/AboutUs">About The Telegraph</a></li> <li><a href="https://www.telegraph.co.uk/about-us/privacy-and-cookie-policy/">Privacy Policy</a></li> <li><a href="/help/TermsAndConditions">Terms and Conditions</a></li> <li><a href="https://www.telegraph.co.uk/about-us/privacy-and-cookie-policy/">Cookie Policy</a></li> </ul> </div> <div class="col-12 col-md-3 footerBlockCards"> <ul> <li><img src="/Content/StoreFront/assets/images/cards/mastercard-curved-32px.png" alt="Mastercard" height="32" width="52"></li> <li><img src="/Content/StoreFront/assets/images/cards/maestro-curved-32px.png" alt="Maestro" height="32" width="52"></li> <li><img src="/Content/StoreFront/assets/images/cards/visa-electron-curved-32px.png" alt="Electron" height="32" width="52"></li> <li><img src="/Content/StoreFront/assets/images/cards/visa-curved-32px.png" alt="Visa" height="32" width="52"></li> </ul> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/keen-slider@5.5.0/keen-slider.min.js"></script> <script> // --- KEEN SLIDER document.addEventListener("DOMContentLoaded", function () { let allSliders = document.querySelectorAll(".keen-wrapper"); for (let i = 0; i < allSliders.length; i++) { let slider = allSliders[i]; function updateClasses(instance, slider) { let slide = instance.details().relativeSlide; let arrowLeft = slider.querySelector(".arrow--left"); let arrowRight = slider.querySelector(".arrow--right"); if (arrowRight) { slide === 0 ? arrowLeft.classList.add("arrow--disabled") : arrowLeft.classList.remove("arrow--disabled"); } if (arrowLeft) { slide === instance.details().size - 1 ? arrowRight.classList.add("arrow--disabled") : arrowRight.classList.remove("arrow--disabled"); } let dots = slider.querySelectorAll(".dot"); if (dots) { dots.forEach(function (dot, idx) { idx === slide ? dot.classList.add("dot--active") : dot.classList.remove("dot--active"); }); } } let sliderInterval = 0; function autoplay(mainSlider, run) { clearInterval(sliderInterval); sliderInterval = setInterval(() => { if (run && mainSlider) { mainSlider.next(); } }, 5000); } let extraData = { created: function (instance) { if (slider.querySelector(".arrow--left")) { slider .querySelector(".arrow--left") .addEventListener("click", function () { instance.prev(); }); } if (slider.querySelector(".arrow--right")) { slider .querySelector(".arrow--right") .addEventListener("click", function () { instance.next(); }); } let dots_wrapper = slider.querySelector(".dots"); if (dots_wrapper) { let slides = slider.querySelectorAll(".keen-slider__slide"); slides.forEach(function (t, idx) { let dot = document.createElement("button"); dot.classList.add("dot"); dots_wrapper.appendChild(dot); dot.addEventListener("click", function () { instance.moveToSlide(idx); }); }); } updateClasses(instance, slider); }, slideChanged(instance) { updateClasses(instance, slider); if (slider.dataset.keen) { let dataSlider = JSON.parse(slider.dataset.keen); dataSlider = dataSlider; } }, }; if (slider.dataset.keen) { let dataSlider = JSON.parse(slider.dataset.keen); dataSlider = dataSlider; dataSlider = { ...dataSlider, ...extraData }; let autoPlayData = { dragStart: (e) => { autoplay(mainSlider, false); }, dragEnd: (e) => { autoplay(mainSlider, true); }, }; if (dataSlider.autoplay) { dataSlider = { ...dataSlider, ...autoPlayData }; } let selectSlider = slider.querySelector(".keen-slider"); let mainSlider = new KeenSlider(selectSlider, dataSlider); if (dataSlider.autoplay) { slider.addEventListener("mouseover", (e) => { autoplay(mainSlider, false); }); slider.addEventListener("mouseout", (e) => { autoplay(mainSlider, true); }); autoplay(mainSlider, true); } } else { // console.log("No data value found"); } } }); </script> </div> </div> </div> <script> if($("#deliveryDetails").length ){ var dataLayerTMG = { event: 'customerDetails' } } </script> <div id="emailSubscribeBackground" style="display:none;"></div> <div id="emailSubscribe" style="display:none;"> <div class="content"> <h2>Join our email club...</h2> <h4>Sign up to our newsletter to receive a whole range of exclusive benefits, including...</h4> <ul> <li>Updates on our upcoming offers and new releases</li> <li>Competitions</li> <li>Discounts</li> <li>All the latest news from the Bookshop team</li> </ul> <p>Simply enter your email address into the box below and click <strong>'Join'</strong></p> <div class="form"> <form name="input" action="/Form/submit" method="post" id="emailPopup" novalidate> <input type="hidden" name="pageId" value="393"> <div class="emailWrapper"><input type="text" value="" name="emailFrom" id="emailFrom" /></div> <label for="popupEmail">Email Address: <input type="email" name="email" id="popupEmail" data-val-email="Please enter a valid email address" required="required" /></label><input type="submit" value="Join" id="popupSignup"> <span class="field-validation-valid" data-valmsg-for="email" data-valmsg-replace="true"></span> <input type="hidden" name="IsNewsletterSubscribed" value="on"> </form> </div> <p id="closeEmailSubscribe">X</p> </div> </div><script src="//assets.adobedtm.com/71dcbb11123ce6b2e1ce4d47fd79a130aad3fc95/satelliteLib-16da6c48e1c0674fe4ab529302c31c2140a01ba4.js"></script> <script type="text/javascript">_satellite.pageBottom();</script> <!-- BEGIN Krux Control Tag for "https://books.telegraph.co.uk/" --> <!-- Source: /snippet/controltag?confid=IhU3wIsV&site=https://books.telegraph.co.uk/&edit=1 --> <script class="kxct" data-id="IhU3wIsV" data-timing="async" data-version="1.9" type="text/javascript"> window.Krux||((Krux=function(){Krux.q.push(arguments)}).q=[]); (function(){ var k=document.createElement('script');k.type='text/javascript';k.async=true; var m,src=(m=location.href.match(/\bkxsrc=([^&]+)/))&&decodeURIComponent(m[1]); k.src = /^https?:\/\/([a-z0-9_\-\.]+\.)?krxd\.net(:\d{1,5})?\//i.test(src) ? src : src === "disable" ? "" : (location.protocol==="https:"?"https:":"https:")+"//cdn.krxd.net/controltag?confid=IhU3wIsV" ; var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(k,s); }()); </script> <!-- END Krux Controltag --><script type="text/javascript"> $('.activateSlider').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 5, slidesToScroll: 5, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 4, slidesToScroll: 4, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 3, slidesToScroll: 3 } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 2 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(window).on('load', function() { $(".slickTrigger").each(function(){ $(this).on('init', function(event, slick){ $(this).removeClass("slickPending"); }); $(this).slick(); }) }); </script> <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> </body> </html>