Я сторонник принципа «сначала данные, потом фильтры». Человеку проще выбрать из того, что ему предлагают, чем сформулировать абстрактный запрос к базе данных,— «сначала данные». Если выбрать сразу не получается, то пожелания стоит уточнить,— «потом фильтры».

Поэтому посещение физического магазина никогда не начинается с изучения прейскуранта — покупателя встречает витрина. Если покупателя что-то не устраивает, хороший продавец поможет «уточнить запрос».

Посетитель ювелирного интернет-магазина ожидает встретить украшения, а не чекбоксы.

Страница отдела серёжек Амазона встречает не фильтрами, а специальными предложениями. Затем идут группы украшений по видам драгоценных камней и металлов — самая верная альтернатива фильтрам. Ниже начинаются товары:

Снимок амазоновской страницы сделан в масштабе вашего скриншота. Обратите внимание, насколько колонка амазоновских фильтров уже, плотнее и информативнее вашей.

Ниже страница с линейным списком товаров. Перед товарами только строка настройки вида и сортировки:

Но я пошёл бы дальше в логике «потом фильтры» и переместил бы их вправо:

При такой структуре «обтекание» меню выглядит гораздо естественнее.

Но если фильтры при прокрутке остались далеко сверху, значит, человек посмотрел уже довольно много товаров. И по нашей логике, может быть, как раз теперь хочет уточнить запрос — а фильтров уже нет на экране.

Поэтому я бы обдумал две другие возможности: во-первых, фильтры могли бы появиться во второй половине или даже в конце страницы. Во-вторых, колонка фильтров могла бы «залипать» при прокрутке, чтобы оставаться доступной до самого конца.