Как сделать сетку товаров (в двух вариациях)?

Question

[Daniel_Defo]

Доброго времени суток господа джедаи frontend, подскажите как реализовать данный блок(сортировку и два варианта отображения), в какую сторону двигаться? Благодарю всех за внимание!

Answer 1

[Андрей]

Все очень просто! Сделай 2 вида стилей с классом list и без него

<div class="item list">
  ...
</div>

И по клику по кнопке JS-ом убирай или добавляй стиль. И будет переключаться
Смотри пример тут:

spoiler

scimx.bonasorti.com/top-seller

Comments

[Максим Осадчий]

+ сохранять класс в localstorage

Answer 2

[Daniel_Defo]

Спасибо) оказалось намного проще чем я себе накрутил)