future sound & vision

<% if(!helper.hasResults(data, "productList")) { %>

There are no products listed under this category.

<% } else { %> <%= helper.render('results', scope) %> <% }%>

<%=helper.render('filters', scope, data, "productList") %>

<% if (data.filterTags.query['productList'].tags.length) { %> <% const currency = "GBP" === "GBP" ? "£" : "GBP"; %> <% helper.each(data.filterTags.query['productList'].tags, (_, tag) => { %> <% const {label, key, type, values } = tag; %> <% helper.each(tag.values, (index, name) => { %> "> <% if (type === "SLIDER" && key.includes('price')) { %> <%= name?.split(' - ').map(item => `${currency}${item}`).join(' - ') %> <% } else { %> <%= name %> <% } %> <% }) %> <% }); %> Clear all <% } %>

<%=helper.render('toolbar', scope, data, "productList") %>

<% if(data.query.productList.meta.offset <= 0) { %>

<% } %>

<% helper.each(data.query.productList.result, (_, item) => { %> <% if(item.typeOfRecord == "KLEVU_PRODUCT") { %> <%=helper.render('productBlock', scope, data, item) %> <% }%> <% }); %> <%=helper.render('pagination', scope, data, "productList") %>

Found a better price? Let us know and we'll beat it!

Filter results

Filter products <% const hasAnySelectedOptions = data.filterTags.query[dataLocal].tags.length; if (hasAnySelectedOptions) { %> Clear all <% } %>

<% if (!isClearance) { %> <% } %> <% helper.each(data.query[dataLocal].filters,function(key, filter){ %> <% if(filter.type == "OPTIONS" && filter.key === "Price Range"){ %> <% } else if(filter.type == "OPTIONS") { %> <% if (filter.label === 'Category' && !isClearance && !isSearch) { %> <% } else { %> <% // hide Store Collection filters on store pages if (filter.label === 'Category') { if (filter.options.length === 0) { //fastest way to hide heading without having to change the template based on hiddenCoollectionFilterValues const filterHeader = document.querySelector('.landing__filters-header'); if(filterHeader) { filterHeader.style.display = 'none'; } return; } } %> <% } %> <% } else if (filter.type === "SLIDER" && filter.key === "klevu_price") { %> <%= helper.render('filterSlider', scope, filter, "productList") %> <% } %> <% }) %>

Clear all Done

<%=helper.render('sortBy', scope, data, "productList") %> <% if(data.query[dataLocal].result.length > 0 ) { %> <% const noOfResults = data.query.productList.meta.noOfResults; const currentPage = (Math.ceil(offset / noOfResults) + 1); const customOffsetPrevTotRes = currentPage <= 1 ? 1 : (noOfResults * (currentPage - 1)); const productListTotal = data.query.productList.meta.totalResultsFound; const lastPage = (Math.ceil(productListTotal / noOfResults) - currentPage) >= 1 ? (Math.ceil(productListTotal / noOfResults)) : 0; const toProducts = offset + noOfResults >= productListTotal ? productListTotal : offset + noOfResults; %>

<% if (currentPage === 1 && lastPage !== 0) { %> Showing Items <%=customOffsetPrevTotRes%>-<%=toProducts %> of <%=productListTotal %> <% } else if (lastPage > 0) { %> Showing Items <%=customOffsetPrevTotRes + 1%>-<%=toProducts %> of <%=productListTotal %> <% } else if (lastPage === 0 && productListTotal > noOfResults) { %> Showing Items <%=customOffsetPrevTotRes + 1%>-<%=toProducts %> of <%=productListTotal %> <% } else if (lastPage === 0 && productListTotal < noOfResults) { %> Showing <%=productListTotal %> Items <% } %>

<% } %>

<%=helper.render('itemsPerPage', scope, data, "productList") %> Sort By

Show:

<% if (freeGuarantee && !isClearance) { %>

<%= freeGuarantee %> <% if (freeGuarantee !== 'Lifetime') { %> Year <% } %> Guarantee
included

<% } %> <% if (hot_new_product === 'Yes') { %>

Hot

New

Product

<% } %>

src="<%= dataLocal.image %>" <% } else { %> src="<%= defaultImageProduct %>" <% } %> alt="<%= dataLocal.name %>" <% if (index > 2) { %> loading="lazy" <% } %> >

<%= dataLocal.name?.split('(1)').join('').split('(2)').join('').split('(3)').join('') %>

<% if (dataLocal.description) { %> <%= dataLocal.description %> <% } %>

<% if (dataLocal.price && dataLocal.price == '0.00') { %>

Call for Price

Please call for info

<% } else { %> <%= helper.render('landingProductPrice', scope, data, dataLocal) %> <% if (!isClearance) { %> <% if (dataLocal.inStock && buyOptions != '') { %>

<%= buyOptions %>

<% } else { %>

Please call for info / pre-order

<% } %> <% } %> <% } %>

<% let currentState = localStorage.getItem('compareCounter'); if (currentState) { currentState = JSON.parse(currentState); } else { currentState = []; } const isAlreadyInCompare = currentState.findIndex((item) => item.id === dataLocal.id); const compareItemMessage = isAlreadyInCompare !== -1 ? `(${isAlreadyInCompare + 1} of 4)` : '(up to 4 items)'; %> checked<%} %> > Compare <%= compareItemMessage%>

<%= productStockStatus %>

<% if(pricing.type == 'vip'){ %>

VIP Club member price

<%= handlePrice(pricing.selling_price, 'integer', true) %><% if(handlePrice(pricing.selling_price, 'decimal') > 0) { %>

.<%= handlePrice(pricing.selling_price, 'decimal') %>

<% } %>

SAVE

£<%= handlePrice(pricing.save, 'integer') %>

<% } %>

<% if(pricing.type == 'vip') { %>Non-member price<% } %>

<% if(pricing.type == 'vip') { %> <%= handlePrice(pricing.full_price, 'integer', true) %> <% }else{ %> <%= handlePrice(pricing.selling_price, 'integer', true) %> <% } %> <% if(pricing.type == 'vip') { %> <% if(handlePrice(pricing.full_price, 'decimal') > 0) { %> .<%= handlePrice(pricing.full_price, 'decimal') %> <% } %> <% }else{ %> <% if(handlePrice(pricing.selling_price, 'decimal') > 0) { %> .<%= handlePrice(pricing.selling_price, 'decimal') %> <% } %> <% } %> <% if(pricing.reorder){ %> (per metre) <% } %>

<% if(pricing.type == 'package' && handlePrice(pricing.save) > 0){ %> Price when bought separately: <%= handlePrice(pricing.full_price, 'full', true) %> <% } %> <% if(pricing.type == 'historic'){ %> Was ~~<%= handlePrice(pricing.full_price, 'full', true) %>~~ from <%= pricing.were_price.from %> to <%= pricing.were_price.to %> <% } %> <% if (pricing.type == 'clearance-online') { %> Last brand new price: <%= handlePrice(pricing.full_price, 'full', true) %> <% } %> <% if (pricing.type == 'clearance-in-store') { %> Guide price CLICK HERE TO CHECK INDIVIDUAL STORE PRICING & STOCK + VIPs RECEIVE 10% OFF ALL LISTED PRICES <% } %>

<% if(pricing.type != 'clearance-in-store' && pricing.type != 'vip' && handlePrice(pricing.save) > 0){ %>

save <%= handlePrice(pricing.save, 'integer', true) %>

<% } %>

<% if(offset > 0) { %> <% } %> <% if(offset > 0 && offset < 2 * productListLimit) { %> <%=(Math.ceil(offset/productListLimit))%> <% } %> <% if(offset >= 2 * productListLimit) { %> <%=(Math.ceil(offset/productListLimit) - 1)%> <%=(Math.ceil(offset/productListLimit))%> <% } %> <%=(Math.ceil(offset/productListLimit) + 1)%> <% if(productListTotal >= offset + (2 * productListLimit)) { %> <%=(Math.ceil(offset/productListLimit) + 2)%> <%=(Math.ceil(offset/productListLimit) + 3)%> <% } else if (productListTotal >= offset + productListLimit) { %> <%=(Math.ceil(offset/productListLimit) + 2)%> <% } %> <% if(productListTotal >= offset + productListLimit) { %> <% } %>

<% var filter_label=(filter.label=="klevu_price" ) ? "Price" : filter.label; %> <%=helper.translate(filter_label)%>

<% currentState.forEach(item => { %> <% }); %> 1) { %> href="/compare/<%= currentState.map(item => item.id).join('/')%>" <% } else { %> href="javascript:void(0);" <% } %> > <% if (currentState.length > 1) { %> Compare products (<%= currentState.length %> items of 4) <% } else { %> Add another product to compare (<%= currentState.length %> items of 4) <% } %>

Free delivery to most of GB mainland

Next working day delivery, or pick a delivery day

Click & collect

future sound & vision