Collections

No account yet? Register here for trade pricing and live stock levels on thousands of sound, lighting and video products

document.addEventListener("DOMContentLoaded", function () { const gridBtn = document.getElementById('gridViewBtn'); const listBtn = document.getElementById('listViewBtn'); const productGrid = document.getElementById('product-grid'); // Load previous view from localStorage const savedView = localStorage.getItem('collectionView'); if (savedView === 'list') { productGrid.classList.remove('grid-view'); productGrid.classList.add('list-view'); listBtn.classList.add('active'); gridBtn.classList.remove('active'); } gridBtn.addEventListener('click', () => { productGrid.classList.remove('list-view'); productGrid.classList.add('grid-view'); localStorage.setItem('collectionView', 'grid'); gridBtn.classList.add('active'); listBtn.classList.remove('active'); }); listBtn.addEventListener('click', () => { productGrid.classList.remove('grid-view'); productGrid.classList.add('list-view'); localStorage.setItem('collectionView', 'list'); listBtn.classList.add('active'); gridBtn.classList.remove('active'); }); });