CINXE.COM
<div class="b-modal js-modal b-modal--active" role="dialog"> <div class="b-product-quickview" data-pid="167854"> <div class="u-close-btn js-close-btn"> <svg class="u-close-btn__icon js-close-icon" role="img" aria-label="Close icon"> <use xlink:href="/on/demandware.static/-/Library-Sites-VAMSharedLibrary/default/v1732426425054/images/fractal/vamicons.svg#close"></use> </svg> </div> <!DOCTYPE html> <html lang="en-gb" dir="ltr" prefix="og: http://ogp.me/ns#"> <body class="theme-silent-green"> <div class="page" data-action="Product-ShowQuickView" data-querystring="pid=167854" > <!-- CQuotient Activity Tracking (viewProduct-cquotient.js) --> <script type="text/javascript">//<!-- /* <![CDATA[ */ (function(){ try { if(window.CQuotient) { var cq_params = {}; cq_params.product = { id: '167854', sku: '', type: '', alt_id: '' }; cq_params.realm = "BDFC"; cq_params.siteId = "vam"; cq_params.instanceType = "prd"; window.CQuotient.trackViewProduct(cq_params); } } catch(err) {} })(); /* ]]> */ // --> </script> <script type="text/javascript">//<!-- /* <![CDATA[ (viewProduct-active_data.js) */ dw.ac._capture({id: "167854", type: "detail"}); /* ]]> */ // --> </script> <div class="b-product-details " data-pid="167854" role="dialog" data-in-modal="true"> <div class="b-container b-container--max"> <div class="b-info"> <div class="b-row"> <div class="b-col-xs-12 b-col-sm-6 b-col-md-6 b-images"> <div class="js-main-carousel b-main-carousel" aria-label="Carousel" data-icons="/on/demandware.static/-/Library-Sites-VAMSharedLibrary/default/dwcbdc0c85/images/fractal/vamicons.svg" data-left-arrow-label="Left arrow icon" data-right-arrow-label="Right arrow icon"> <img class="b-main-carousel__image" src="https://www.vam.ac.uk/dw/image/v2/BDFC_PRD/on/demandware.static/-/Sites-VAM_MasterShop/default/dw4ea68ecf/pdp-images/products/167854-ochre-needle-case.png?sw=520&sh=520" alt="A needle case in ochre leather." data-zoom="false" data-zoom-src="https://www.vam.ac.uk/dw/image/v2/BDFC_PRD/on/demandware.static/-/Sites-VAM_MasterShop/default/dw4ea68ecf/pdp-images/products/167854-ochre-needle-case.png?sw=1200&sh=1200" itemprop="image" /> <img class="b-main-carousel__image" src="https://www.vam.ac.uk/dw/image/v2/BDFC_PRD/on/demandware.static/-/Sites-VAM_MasterShop/default/dw3c33f427/pdp-images/products/needle case mixed.png?sw=520&sh=520" alt="A group of seven needle cases of various colours are displayed on a white top." data-zoom="false" data-zoom-src="https://www.vam.ac.uk/dw/image/v2/BDFC_PRD/on/demandware.static/-/Sites-VAM_MasterShop/default/dw3c33f427/pdp-images/products/needle case mixed.png?sw=1200&sh=1200" itemprop="image" /> </div> <div class="js-thumbnail-carousel b-thumbnail-carousel" aria-label="Thumbnails" data-icons="/on/demandware.static/-/Library-Sites-VAMSharedLibrary/default/dwcbdc0c85/images/fractal/vamicons.svg"> <img class="b-thumbnail-carousel__image js-thumbnail-carousel__image" tabindex="0" src="https://www.vam.ac.uk/dw/image/v2/BDFC_PRD/on/demandware.static/-/Sites-VAM_MasterShop/default/dw4ea68ecf/pdp-images/products/167854-ochre-needle-case.png?sw=91&sh=91" alt="A needle case in ochre leather." itemprop="image" /> <img class="b-thumbnail-carousel__image js-thumbnail-carousel__image" tabindex="0" src="https://www.vam.ac.uk/dw/image/v2/BDFC_PRD/on/demandware.static/-/Sites-VAM_MasterShop/default/dw3c33f427/pdp-images/products/needle case mixed.png?sw=91&sh=91" alt="A group of seven needle cases of various colours are displayed on a white top." itemprop="image" /> </div> </div> <div class="b-col-xs-12 b-col-sm-6 b-col-md-6 b-components"> <div class="b-label"> <span class="u-priceinfo u-priceinfo--promotion">Spend & Save</span> </div> <h1 class="u-title">Orange leather needle case</h1> <div class="b-price"> <span class="u-allprices"> <meta itemprop="priceCurrency" content="GBP" /> <span class="u-sales"> <span class="u-value" itemprop="price" content="20.00"> £20 </span> </span> </span> </div> <div class="b-availability" data-ready-to-order="false" data-available="true"> <p class="u-availability-msg u-availability-msg--default"> In Stock </p> </div> <div class="b-addtocart-container"> <div class="b-add-to-cart"> <div class="b-quantity s-clear-fix"> <label class="u-label" for="Quantity">Quantity</label> <button class="u-quantity u-quantity--decrease js-quantity__button" data-action="decrease" tabindex="0" aria-label="decrease quantity by 1"></button> <input type="number" aria-label="167854 - Quantity" class="u-quantity u-quantity--input js-quantity__input" name="167854 - Quantity" pattern="\d*" data-min="1" data-max="10" value="1" /> <button class="u-quantity u-quantity--increase js-quantity__button" data-action="increase" tabindex="0" aria-label="increase quantity by 1"></button> </div> <button class="u-add-to-cart u-btn js-add-to-cart" data-pid="167854" data-gtm-product="{"name":"Orange leather needle case","id":"167854","price":"20.00","brand":"V&A Shop","dimension1":"shop","dimension2":"available"}" data-url="/on/demandware.store/Sites-vam-Site/default/Cart-AddProduct" data-modal-url="https://www.vam.ac.uk/on/demandware.store/Sites-vam-Site/default/Product-ShowRecommendationsModal" aria-live="assertive"> Add to bag </button> <div class="sr-only added-to-bag" id="added-to-bag">Your product successfully added to bag</div> </div> </div> <div class="u-link-details-wrapper"> <a href="/shop/homeware/haberdashery/orange-leather-needle-case-167854.html"> <span class="u-link"> View details </span> <span class="u-link--arrow"> </span> </a> </div> </div> </div> </div> </div> </div> </div> <script defer src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/main.js"></script> <script defer src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/lib/lazysizes.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/lib/slick.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/lib/selectric.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/lib/drift.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/lib/pinch-zoom.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/productDetails.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/lib/tooltipster.min.js"></script> <script> if (/MSIE|Trident/.test(window.navigator.userAgent)) { // Fetches external SVGs referenced in use tags var svgTag = document.createElement('script'); svgTag.src = "/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/lib/svgxuse.min.js"; document.body.appendChild(svgTag); // Methods to work with the query string of a URL var urlTag = document.createElement('script'); urlTag.src = "/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/js/lib/url-search-params-polyfill.min.js"; document.body.appendChild(urlTag); } </script> <!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) --> <script type="text/javascript">//<!-- /* <![CDATA[ */ function trackPage() { try{ var trackingUrl = "https://www.vam.ac.uk/on/demandware.store/Sites-vam-Site/default/__Analytics-Start"; var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl); if (typeof dw.ac == "undefined") { dwAnalytics.trackPageView(); } else { dw.ac.setDWAnalytics(dwAnalytics); } }catch(err) {}; } /* ]]> */ // --> </script> <script type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script> <!-- Demandware Active Data (body_end-active_data.js) --> <script src="/on/demandware.static/Sites-vam-Site/-/default/v1732426425054/internal/jscript/dwac-21.7.js" type="text/javascript" async="async"></script><!-- CQuotient Activity Tracking (body_end-cquotient.js) --> <script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script> </body> </html> </div> </div>