WBW Product Filter как вывести фильтр продуктов над товарами при мобильном просмотре и после фильтрации оказываться в начале товарной сетки??

Question

[Александр]

Wordpress, Woocommerce, тема Astra, фильтр WBW Product Filter.
По умолчанию, в мобильной версии, фильтр располагается в самом низу сетки товаров.
Более того, при использовании фильтрации, после обновления страницы, ты остаешься там же внизу, на фильтре.
Чтобы просмотреть отфильтрованные товары, необходимо подняться вверх, а для следующей фильтрации спускаться опять вниз.
Как можно перенести этот фильтр вверх и при его использовании загружать товары с самого начала сетки?

Comments

[Refguser]

Если в настройках этого то нет или не работает на твоей теме - волшебной кнопки не существует. Нужно копать тему, стили... (хотя о моему как раз на астре я именно этот плаг юзал. Но было это достаточно давно)
Но попробуй обратиться в саппорт плагина.

Answer 1

[WP Panda]

фильтр у вас в сайдбаре, судя по всему. Астра убирает левый сайдбар вниз с помощью flex-direction: column-reverse; можно переопределить это и он перестанет уходить, но это целиком сайдбар, что думаю не устроит вас, фильтр хотелось бы прямо перед сеткой товаров.

Лучший вариант в дочерней теме переопределить шаблон архива товаров изменив его разметку, и там вставлять фильтр функцией / шорткодом в нужное место, определяя место его отображения через стили

есть еще маразматичный вариант, встречал такой у братьев наших индусов, когда в зависимости от рарешения экрана они таскают нужный блок по странице в нужное место при помощи js