.shop-sidebar { float: left; width: 25%; } .shop-products { float: right; width: 73%; } .product-card { position: relative; border: 1px solid #eee; padding: 10px; margin: 10px; text-align: center; } .product-card img { max-width: 100%; height: auto; } .product-card .hover-icons { display: none; position: absolute; top: 10px; right: 10px; flex-direction: column; } .product-card:hover .hover-icons { display: flex; } .hover-icons a { margin: 5px 0; color: #000; } .product-size-label { position: absolute; top: 5px; left: 5px; background: #a00; color: #fff; padding: 2px 6px; font-size: 12px; z-index: 10; } .view-toggle { float: right; margin-bottom: 15px; } .sort-by-dropdown { margin-bottom: 15px; } .product-grid { display: flex; flex-wrap: wrap; gap: 10px; } .list-view { display: block; } .list-view .product-card { display: flex; align-items: center; text-align: left; } .list-view .product-card img { width: 150px; margin-right: 20px; } .category-listing ul { padding-left: 15px; } function toggleView(view) { const container = document.getElementById('product-list'); if (view === 'list') container.classList.add('list-view'); else container.classList.remove('list-view'); } jQuery(document).ready(function($) { $('.toggle-cat').on('click', function() { var catId = $(this).data('cat'); $('#cat-' + catId).slideToggle(); }); });