CINXE.COM
<div class="b-modal js-modal b-modal--active" role="dialog"> <div class="b-product-quickview" data-pid="167898"> <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/v1732944825054/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=167898" > <!-- CQuotient Activity Tracking (viewProduct-cquotient.js) --> <script type="text/javascript">//<!-- /* <![CDATA[ */ (function(){ try { if(window.CQuotient) { var cq_params = {}; cq_params.product = { id: '167898', 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: "167898", type: "detail"}); /* ]]> */ // --> </script> <div class="b-product-details " data-pid="167898" 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/dw7f9cfb3f/pdp-images/products/167898-NEW_KEYRING-FRAGILE-BEAUTY_Front.png?sw=520&sh=520" alt="Keyring with a maroon enamel" data-zoom="false" data-zoom-src="https://www.vam.ac.uk/dw/image/v2/BDFC_PRD/on/demandware.static/-/Sites-VAM_MasterShop/default/dw7f9cfb3f/pdp-images/products/167898-NEW_KEYRING-FRAGILE-BEAUTY_Front.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/dwe80e7b62/pdp-images/products/167898-NEW_KEYRING-FRAGILE-BEAUTY_Back.png?sw=520&sh=520" alt="The back of a keyring in silver coloured brass. " data-zoom="false" data-zoom-src="https://www.vam.ac.uk/dw/image/v2/BDFC_PRD/on/demandware.static/-/Sites-VAM_MasterShop/default/dwe80e7b62/pdp-images/products/167898-NEW_KEYRING-FRAGILE-BEAUTY_Back.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/dw7f9cfb3f/pdp-images/products/167898-NEW_KEYRING-FRAGILE-BEAUTY_Front.png?sw=91&sh=91" alt="Keyring with a maroon enamel" 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/dwe80e7b62/pdp-images/products/167898-NEW_KEYRING-FRAGILE-BEAUTY_Back.png?sw=91&sh=91" alt="The back of a keyring in silver coloured brass. " 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">Fragile Beauty keyring</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="3.50"> £3.50 </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="167898 - Quantity" class="u-quantity u-quantity--input js-quantity__input" name="167898 - Quantity" pattern="\d*" data-min="1" data-max="19" 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="167898" data-gtm-product="{"name":"Fragile Beauty keyring","id":"167898","price":"3.50","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/exhibition-ranges/fragile-beauty/fragile-beauty-keyring-167898.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/v1732944825054/js/main.js"></script> <script defer src="/on/demandware.static/Sites-vam-Site/-/default/v1732944825054/js/lib/lazysizes.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732944825054/js/lib/slick.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732944825054/js/lib/selectric.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732944825054/js/lib/drift.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732944825054/js/lib/pinch-zoom.min.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732944825054/js/productDetails.js"></script> <script defer type="text/javascript" src="/on/demandware.static/Sites-vam-Site/-/default/v1732944825054/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/v1732944825054/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/v1732944825054/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/v1732944825054/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/v1732944825054/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>