Блог Дмитрия Рыбалка

По-умолчанию раскрытые фильтры в мобильной версии

Коды Каталог товаров
Не знаю как вы, лично я до сих пор не могу смириться с маленькой кнопкой «Фильтры» в мобильной версии каталога. Уже изучил множество метрик и везде эта кнопка оказывается не популярной (возможно, плохо заметной) для людей.

Дописал небольшой CSS код, который автоматически показывает фильтры и поле поиска в мобильной версии.

Чтобы не захламлять страницы кодами, добавляйте их в «Настройки → Ещё → Пользовательские CSS-стили».

@media screen and (max-width: 960px) {
/* Открытые фильтры (Блог Дмитрия Рыбалка) */
.t-store__filter__options, .t-store__filter__search-and-sort, .t-store__filter__sort {display: block;}
.t-store__filter__opts-mob-btn {display: none;}
/* Открытый поиск (Блог Дмитрия Рыбалка)*/
.t-store__filter__options, .t-store__filter__search-and-sort, .t-store__filter__sort {display: block;}
.t-store__filter__search-mob-btn {display: none;}
}

Маленький лайфхак: размер шрифта в фильтрах десктопной и мобильной версии можете регулировать общими размерами текста в «Настройки → Шрифты и цвета → Размер текста (18-24px)»

Думаю, многим понадобится эта небольшая доработка. Пользуйтесь!