Description
This timeless and versatile footstool adapts to any style with its modular design, allowing you to create the perfect space for conversation and relaxation. The Crostolo features an elegant, modern aesthetic with a low wooden foot.Enjoy ultimate comfort with integrated lumbar support. The Crostolo range truly offers endless possibilities for creating new conversation areas. Pamper yourself with the luxurious Crostolo corner sofa, the epitome of comfort and style.Make the Crostolo range even more affordable and take advantage of our interest free credit offers, 0% APR representative.var counter = 0; var dyPdpPopularColoursInt = setInterval(function() { var dyData; var dyIsDataFetched = false; var leatherSwatches = [ "GENISIA-LIGHT-AIR-FORCE-BLUE-508", "GENISIA-DARK-BEIGE-005", "GENISIA-MOON-WHITE-009", "GENISIA-OPTICAL-WHITE-000", "GENISIA-DARK-BLUE-541", "GENISIA-COCOA-745", "GENISIA-PEARL-GREY-830", "GENISIA-LAVENDER-453", "GENISIA-DUSTY-PINK-493", "GENISIA-RED-340", "GENISIA-CAMOUFLAGE-GREEN-622", "GENISIA-THYME-GREEN-620", "MACADAMIA-SLATE-GREY-880", "MACADAMIA-LIGHT-BEIGE-030", "MACADAMIA-DARK-BEIGE-005", "MACADAMIA-MOON-WHITE-009", "MACADAMIA-SNOW-WHITE-013", "MACADAMIA-OPTICAL-WHITE-000", "MACADAMIA-BLUE-580", "MACADAMIA-MIDNIGHT-BLUE-540", "MACADAMIA-COCOA-745", "MACADAMIA-COGNAC-AMBER-753", "MACADAMIA-COGNAC-LIGHT-751", "MACADAMIA-DARK-COGNAC-757", "MACADAMIA-DARK-CLAY-873", "MACADAMIA-DENIM-BLUE-510", "MACADAMIA-SUNFLOWER-YELLOW-140", "MACADAMIA-GREY-800", "MACADAMIA-DOLPHIN-GREY-805", "MACADAMIA-PEARL-GREY-830", "MACADAMIA-TARPAULIN-GREY-850", "MACADAMIA-LIGHT-BROWN-711", "MACADAMIA-BLACK-910", "MACADAMIA-GREEN-BOTTLE-635", "MACADAMIA-DEEP-GREEN-605", "MACADAMIA-SAGE-GREEN-660", "MIMOSA-SLATE-GREY-880", "MIMOSA-MOON-WHITE-009", "MIMOSA-SNOW-WHITE-013", "MIMOSA-COCOA-745", "MIMOSA-COGNAC-LIGHT-751", "MIMOSA-DARK-CLAY-873", "MIMOSA-DENIM-BLUE-510", "MIMOSA-GREY-800", "MIMOSA-PEARL-GREY-830", "MIMOSA-LIGHT-BROWN-711", "MIMOSA-SANDYBROWN-713", "MIMOSA-DEEP-GREEN-605", "ARABIS-SLATE-GREY-880", "ARABIS-DARK-BEIGE-005", "ARABIS-MOON-WHITE-009", "ARABIS-SNOW-WHITE-013", "ARABIS-OPTICAL-WHITE-000", "ARABIS-MIDNIGHT-BLUE-540", "ARABIS-COFFEE-740", "ARABIS-PEARL-GREY-830", "ARABIS-TARPAULIN-GREY-850", "ARABIS-BLACK-910", "GIRASOLE-BROWN-700", "GIRASOLE-HAZEL-BROWN-720" ]; function getPesColours(pid) { if (!pid) return Promise.resolve(); if (dyIsDataFetched) return Promise.resolve(); return fetch('/on/demandware.store/Sites-SFRA_SCS-Site/en_GB/DynamicYield-GetPopularColors?' + pid) .then(function(response) { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(function(data) { dyData = data; dyIsDataFetched = true; }) .catch(function(error) { console.error('Error fetching data:', error); }); } function loadPesColours(pid) { if (!pid) return; getPesColours(pid).then(function() { injectPesColours(dyData, pid); }); } function capitalizeFirstLetter(string) { return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase(); } function injectPesColours(data, pid) { if (!data) return; if (!pid) return; var productConfigCustomise = document.querySelector('.product-detail__product-configurator__customise'); if (productConfigCustomise && data && data.colors) { var coloursAvailable = data.colors; var productAttrColourSection = document.querySelector('[data-attr="color"] .product-attributes-picker__values'); var pdpPagePid = document.querySelector('.product-wrapper.product-detail.js-product-detail[data-pid]'); var initalColour = productAttrColourSection.querySelector('[data-select-url]'); if (initalColour && pdpPagePid.dataset.pid === pid) { var initialColourInList = coloursAvailable.filter(function(colour) { return colour.displayValue === initalColour.dataset.value; }); if (initialColourInList.length > 0) { coloursAvailable = coloursAvailable.filter(function(colour) { return colour.displayValue !== initalColour.dataset.value; }); coloursAvailable.unshift(initialColourInList[0]); } else { var initialColourText = initalColour.dataset.value; var initialColourValue = initalColour.querySelector('[data-attr-value]').dataset.attrValue; var formattedInitLink = initalColour.dataset.selectUrl.replace('&quantity=1', ''); var initDataStrucutre = { "id": initialColourValue, "displayValue": initialColourText, "value": initialColourValue, "selected": false, "isleather": false, "url": formattedInitLink, "swatchImageUrl": "https://www.scs.co.uk/on/demandware.static/-/Sites-master-catalog-scs/default/dw1d8db07e/images/swatch/swatch_" + initialColourValue + ".jpg" }; coloursAvailable.unshift(initDataStrucutre); } } if (pdpPagePid.dataset.pid !== pid) { var splitQuery = pdpPagePid.dataset.pid.split('_'); var variantAttrColour = splitQuery[1]; var variantAttrFeet = splitQuery[2]; if (variantAttrColour && variantAttrFeet) { var variantColourInList = coloursAvailable.filter(function(colour) { return colour.value === variantAttrColour; }); if (variantColourInList.length > 0) { coloursAvailable = coloursAvailable.filter(function(colour) { return colour.value !== variantAttrColour; }); coloursAvailable.unshift(variantColourInList[0]); } else { var rawPid = pid.replace('pid=', ''); var variantColourValue = variantAttrColour; var variantFeetValue = variantAttrFeet; var formattedInitLink = 'https://www.scs.co.uk/on/demandware.store/Sites-SFRA_SCS-Site/en_GB/Product-Variation?pid=' + rawPid + '&dwvar_' + rawPid + '_color=' + variantColourValue + '&dwvar_' + rawPid + '_customTrim=' + variantFeetValue; var initDataStrucutre = { "id": variantColourValue, "displayValue": variantColourValue, "value": variantColourValue, "selected": false, "isleather": false, "url": formattedInitLink, "swatchImageUrl": "https://www.scs.co.uk/on/demandware.static/-/Sites-master-catalog-scs/default/dw1d8db07e/images/swatch/swatch_" + variantColourValue + ".jpg" }; coloursAvailable.unshift(initDataStrucutre); } } } var colourSwatchesHTML = ''; var canonicalUrl = document.querySelector('[rel="canonical"]').href; coloursAvailable.forEach(function(colour, index) { if (index = 5 ? 5 : coloursAvailable.length); var allColoursAvailableNumber = (Number(allColoursAvailable.innerText.match(/d+/)[0]) - noToSubtract); var openConfiguratorLink = productConfigCustomise.querySelector('a[href$="&step=selectColor"]'); colourSwatchesHTML += '' + '+' + allColoursAvailableNumber + '' + '' + 'Options Available' + '' + '' + ''; } productConfigCustomise.insertAdjacentHTML( 'beforebegin', '' + '' + '' + 'Material: ' + '' + '' + colourSwatchesHTML + '' + '' + '' ); var dyColourSwatchesSection = document.querySelector('.carousel-pdp-colour-swatches.dy-test'); var productCarousel = document.querySelector('.product-detail-carousel'); var activeSliderImageLink = productCarousel.querySelector('.cutout-image-slide.swiper-slide-active picture a'); var matchingSwatch = null; if (activeSliderImageLink) { matchingSwatch = Array.from(dyColourSwatchesSection.querySelectorAll('.swatch-value[data-attr-value]')).filter(function(swatch) { return activeSliderImageLink.href.includes(swatch.dataset.attrValue); }); if (matchingSwatch.length > 0) { matchingSwatch[0].parentElement.classList.add('selected'); dyColourSwatchesSection.querySelector('.swatch-swiper-section.first .colour-description > span').innerHTML = matchingSwatch[0].parentElement.dataset.displayLabel; } } else { matchingSwatch = Array.from(dyColourSwatchesSection.querySelectorAll('.swatch-swiper-section.first .swatch-value[data-attr-value]')).filter(function(swatch) { return productCarousel.id.includes(swatch.dataset.attrValue); }); if (matchingSwatch.length > 0) { matchingSwatch[0].parentElement.classList.add('selected'); dyColourSwatchesSection.querySelector('.swatch-swiper-section.first .colour-description > span').innerHTML = matchingSwatch[0].parentElement.dataset.displayLabel; } else { var initColour = productConfigCustomise.querySelector('.product-detail__product-configurator__customise__option__description__color'); if (initColour) { dyColourSwatchesSection.querySelector('.swatch-swiper-section.first .colour-description > span').innerHTML = matchingSwatch[0].parentElement.dataset.displayLabel; } } } injectPesCustomTrims( dyColourSwatchesSection, matchingSwatch, pid ); } } function injectPesCustomTrims(dyColourSwatchesSection, matchingSwatch, pid) { if (!dyColourSwatchesSection) return; var productConfigCustomise = document.querySelector('.product-detail__product-configurator__customise'); var productAttrCustomTrimSection = document.querySelector('[data-attr="customTrim"] .product-attributes-picker__values'); if (productAttrCustomTrimSection) { var productAttrFeetTrimsClone = productAttrCustomTrimSection.cloneNode(true); dyColourSwatchesSection.insertAdjacentHTML( 'beforeend', '' + '' + 'Feet/Trim: ' + '' + '' + productAttrFeetTrimsClone.innerHTML + '' + '' ); var trimOptions = dyColourSwatchesSection.querySelectorAll('.swatch-swiper-section.second .swatch-image'); if (trimOptions.length > 0) { trimOptions.forEach(function(trimOption) { if (trimOption.parentElement.parentElement.classList.contains('selected')) { dyColourSwatchesSection.querySelector('.colour-description.dy-custom-trim > span').innerHTML = capitalizeFirstLetter(trimOption.nextElementSibling.innerHTML.replaceAll('-', ' ')); } trimOption.addEventListener('click', function(e) { e.preventDefault(); var trimSelected = this.parentElement.dataset.attrValue; var trimInSidebar = document.querySelector('.product-attributes-wrapper .product-attributes-fancy .product-attributes-picker__value .swatch-value[data-attr-value="' + trimSelected + '"]'); if (trimInSidebar) { trimInSidebar.nextElementSibling.querySelector('.btn-select').click(); } }); }); } } else if (productConfigCustomise.querySelector('a[href$="&step=selectFeet&feetSelected=true"]')) { var singleFootTrim = productConfigCustomise.querySelector('a[href$="&step=selectFeet&feetSelected=true"]'); var singleFootValue = singleFootTrim.querySelector('.product-detail__product-configurator__customise__option__description__color').innerText; var singleFootImg = singleFootTrim.querySelector('img'); dyColourSwatchesSection.insertAdjacentHTML( 'beforeend', '' + '' + 'Feet/Trim: ' + capitalizeFirstLetter(singleFootTrim.querySelector('.product-detail__product-configurator__customise__option__description__color').innerText.replaceAll('-', ' ')) + '' + '' + '' + '' + '' + '' + '' + capitalizeFirstLetter(singleFootValue.replaceAll('-', ' ')) + '' + '' + '' + '' + '' + '' + '' + 'Selected' + '' + '' + '' + '' + '' ); } // Populate configurator link var currentConfigLink = dyColourSwatchesSection.querySelector('.open-config-btn'); var currentConfigLinkSplit = currentConfigLink.href.split('_'); var activeFeetTrimLink = dyColourSwatchesSection.querySelector('.swatch-swiper-section.second .selected .customTrim-value'); if (matchingSwatch.length > 0) { if (activeFeetTrimLink && activeFeetTrimLink.dataset.attrValue) { dyColourSwatchesSection.querySelector('.open-config-btn').href = "https://www.scs.co.uk/product-configurator/?" + pid + "_" + matchingSwatch[0].dataset.attrValue + "_" + activeFeetTrimLink.dataset.attrValue + "&step=selectColor"; } else { if (currentConfigLinkSplit[2]) { dyColourSwatchesSection.querySelector('.open-config-btn').href = "https://www.scs.co.uk/product-configurator/?" + pid + "_" + matchingSwatch[0].dataset.attrValue + "_" + currentConfigLinkSplit[2]; } } } } if ( document.querySelector('.page.page-pdp') && document.querySelector('.product-detail__product-configurator__customise') && !document.querySelector('body.dy-pes-colours-loaded') && typeof jQuery !== 'undefined' ) { clearInterval(dyPdpPopularColoursInt); var pidQuery = null; var deliveryForm = document.querySelector('#deliveryAndStoresForm'); if (deliveryForm) { pidQuery = 'pid=' + deliveryForm.dataset.pid; } if (pidQuery) { loadPesColours(pidQuery); $('body').addClass('dy-pes-colours-loaded'); $('body').on('product:afterAttributeSelect', function(e, response) { loadPesColours(pidQuery); if (window.matchMedia("(max-width: 768px)").matches) { var scrollTarget = $('.product-primary-carousel').offset().top; window.scrollTo({ top: scrollTarget, behavior: 'instant' }); } }); $('body').on('click', '.js-product-attribute-picker-item .dy-pes-colours-event-trigger', function() { var $this = $(this); var $swatch = $this.closest('.js-product-attribute-picker-item').find('.swatch-value'); var swatchName = ''; var swatchValue = $swatch.data('attr-value'); if ($swatch.length === 0) { return; } swatchName = $swatch.hasClass('color-value') ? 'Color' : $swatch.hasClass('customTrim-value') ? 'Trim' : ''; dataLayer.push({ 'event': 'productSwatchChange', 'swatchType': swatchName, 'swatchColour': swatchValue }); }); } } counter++; if (counter >= 10) { clearInterval(dyPdpPopularColoursInt); } }, 150); .dy-pes-colours-loaded .product-main .product-detail__product-configurator__customise, .dy-pes-colours-loaded .carousel-pdp-colour-swatches { display: none !important; } .carousel-pdp-colour-swatches.dy-test { display: block !important; } .carousel-pdp-colour-swatches.dy-test .pdp-primary-images__footer { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 3px; } .carousel-pdp-colour-swatches.dy-test .pdp-primary-images__footer.pdp-primary-images__footer--standard .js-product-attribute-picker-item.selected { pointer-events: none; } .carousel-pdp-colour-swatches.dy-test .colour-description { color: #272727; font-weight: 700; font-size: 14px; margin-bottom: 15px; } .carousel-pdp-colour-swatches.dy-test .colour-description > span { color: #959392; font-weight: 400; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.second .colour-description { padding-top: 20px; } .carousel-pdp-colour-swatches.dy-test .swatch-image:hover { cursor: pointer; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn { flex: 1; background: #F4F4F4; border: 1px solid #D1D1D1; padding: 8px; border-radius: 2px; max-width: 129px; margin: 0; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn:hover { border-color: #707070; text-decoration: none; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn > span { font-size: 16px; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn > div { display: flex; align-items: center; font-size: 12px; color: #707070; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn > div > span { text-decoration: underline; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn > div img { width: 5px; height: 10px; margin-left: 8px; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .swatch-image { width: 60px; height: 60px; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .product-attributes-picker__value.selected .swatch-image:before, .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .product-attributes-picker__value:hover .swatch-image:before { width: 66px; height: 66px; margin-top: -3px; margin-left: -3px; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.second .swatch-image { width: 50px; height: 50px; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.second .product-attributes-picker__value.selected .swatch-image:before, .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.second .product-attributes-picker__value:hover .swatch-image:before { width: 56px; height: 56px; margin-top: -3px; margin-left: -3px; } @media(min-width: 480px) { .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .swatch-image { width: 72px; height: 72px; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .product-attributes-picker__value.selected .swatch-image:before, .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .product-attributes-picker__value:hover .swatch-image:before { width: 78px; height: 78px; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn { padding: 10px; max-width: 60%; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn > span { font-size: 18px; } .carousel-pdp-colour-swatches.dy-test .swatch-swiper-section.first .open-config-btn > div { font-size: 16px; padding-left:5px; } } .pdp-tablet__column.issofa { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .pdp-tablet__column.issofa .product-name, .pdp-tablet__column.issofa .product-detail__review-section, .pdp-tablet__column.issofa .carousel-pdp-colour-swatches.dy-test { -ms-flex-order: -1; order: -1; } .product-pricing .product-pricing__now .product-pricing__now-value { font-size: inherit; } .page .product-detail__addto-section .chipstick { font-size: 12px !important; padding: 5px 7px !important; line-height: 1.25 !important; } .carousel-pdp-colour-swatches.dy-test { border-top: 1px solid #d1d1d1 !important; border-bottom: 1px solid #d1d1d1 !important; padding: 22px 0 !important; margin: 10px 0 16px !important; } @media screen and (max-width: 543.5px) { .carousel-pdp-colour-swatches.dy-test { margin-bottom: 0 !important; } } [data-material-type="leather"] { position: relative; } [data-material-type="leather"]:before { content: ""; position: absolute; top: 2px; left: 2px; display: block; z-index: 10; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18.24' height='20.637' viewBox='0 0 18.24 20.637'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_12593' data-name='Rectangle 12593' width='18.24' height='20.637' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='icon--swatches' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_27613' data-name='Path 27613' d='M17.95,15.665c-.1-.058-3.021-1.849-3.021-4.874a4.739,4.739,0,0,1,2.956-4.207.556.556,0,0,0,.334-.655l-.745-2.6a.522.522,0,0,0-.544-.43C12.809,2.9,12.238.531,12.214.423A.581.581,0,0,0,11.654,0H6.878a.58.58,0,0,0-.525.325A4.388,4.388,0,0,1,2.238,2.983,3.177,3.177,0,0,1,1.7,2.942a.577.577,0,0,0-.638.4L.288,6.066a.565.565,0,0,0,.467.688c.022,0,2.231.336,2.6,3.645.4,3.422-3.03,5.333-3.06,5.35a.525.525,0,0,0-.278.362.484.484,0,0,0,.115.457l2.137,2.456a.593.593,0,0,0,.756.108l.09-.06a5.87,5.87,0,0,1,2.7-.736,5.5,5.5,0,0,1,.581.042,3.662,3.662,0,0,1,2.452,1.916l.02.034a.572.572,0,0,0,.518.311.469.469,0,0,0,.5-.4l.01-.021a2.92,2.92,0,0,1,2.108-1.732,3.448,3.448,0,0,1,.66-.061,5.66,5.66,0,0,1,2.612.734.62.62,0,0,0,.058.03.6.6,0,0,0,.74-.148l2.028-2.545a.5.5,0,0,0,.128-.471.526.526,0,0,0-.271-.359m-13.439-5.4h0C4.152,7.13,2.383,6.113,1.535,5.8L2.02,4.077c.066,0,.136,0,.218,0A5.556,5.556,0,0,0,7.221,1.119h4.026C12.29,3.6,15.429,3.958,16.506,4.008l.521,1.805a5.74,5.74,0,0,0-3.19,5,7,7,0,0,0,3.045,5.461L15.5,18.016a6.356,6.356,0,0,0-3.681-.6A3.794,3.794,0,0,0,9.348,19a4.491,4.491,0,0,0-2.8-1.715,7.212,7.212,0,0,0-.722-.045,7.128,7.128,0,0,0-2.966.715L1.433,16.314c1.121-.8,3.43-2.847,3.078-6.051' transform='translate(0 -0.001)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); background-color: rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-position: center; background-size: 13px; pointer-events: none; } Versatile modularity allows it to adapt to any style Feather footstool can be used to create new conversation spaces Fillet stitching gives aesthetic and emphasising shape to the sofa
You may also like
Discover more