• Теория
  • Теория

Раскладка каталога интернет-магазина: фильтр

Выглядит наша страничка пока что не очень. А всё потому, что первый ряд ограничен по высоте, и это ограничение действует не только на сортировку, как задумывалось, но и на фильтр, который не должен быть жёстко фиксирован по высоте, так как количество элементов в нём в дальнейшем может меняться.

Поэтому в качестве решения сделаем фильтр «немного переменной высоты», привязав её к рядам грида. Сейчас фильтр примерно равен по высоте сортировке + трём рядам товаров. То есть, можно сказать, что фильтр будет начинаться с первой линии ряда и заканчиваться на пятой линии.

Текущее решение, конечно, не идеально, и высота элемента всё-таки привязана к контенту, но менее жёстко, чем фиксированная, поэтому небольшие изменения контента он вполне себе выдержит.

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с гридами» тренажёра «Погружение в техники раскладок» можно после регистрации и оформления подписки.