Product filter in the mobile view as menu

[_I_S_N_]

Hello,

What do I need to do / change in the theme in order to illuminate in the mobile view the button expand filters / left column as it happens in the main menu? Currently in the mobile view of the page the left column in which I have the included filters appears at the very bottom of the page. I would like it to be available after pressing the button at the very top of the page.

[Harry]

Hi,

Please add filter widget to Appearance > Widgets > WooCommerce Filter Sidebar. It will show filter button and when user click on this the filter bar will show on left.

Kind Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[_I_S_N_]

but I already have a filter added to the filter widget as you write, but these filters are displayed at the very bottom of the page as I browse the store on the teleofna and it’s about to be on top.

[Harry]

Hi,

You can hide sidebar on mobile by add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {.archive .sidebar {display: none;}}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[_I_S_N_]

We did not understand each other.
Currently, I have a menu on the mobile page in the top right corner – and this is ok. http://app.prntscr.com/

It is not ok that the filters or the left column is at the very bottom under the products. https://prnt.sc/lx1q2a
He would like the filters (left column) at the bottom of the page to be rotated up, but only visible when the button is pressed. Filters are to be developed. Filters have to move as much as the main menu does now.

[_I_S_N_]

ok, I’ve got my filters on the page as I wanted to have.
It’s almost ok. Only now the page loads for a very long time when I used the filters tab in the mobile view. Is it possible to turn off the left column (the column that is currently at the bottom of the page) so that it does not appear in the mobile view? Is it possible for the new filter tab to load the page so much?
https://gtmetrix.com/reports/virgotorun.pl/0vcbtJMb

[Harry]

Hi,

Please download attach file, extract and put in claue-child > woocommerce

Kind regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[_I_S_N_]

Thank you, that’s what I meant.
There is one more problem, after adding the filter in the mobile view, the page on the phone is charging very long.
Turn on the site https://virgotorun.pl/kategoria/artykuly-ponczosznicze/rajstopy/ on the phone you will see that the site in 80% charges quite quickly but at the end slows down and it’s much. This happens after adding the filter button. In the web browser, the computer is ok but the phone is charging slowly. What can block loading the template completely?

[Harry]

Could you follow the guide of GTMetrix, on mobile and desktop it load same javacript and css.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[_I_S_N_]

Well, I can not really see where the problem is. I understand that the same styles are on the phone and the computer, but the phone loads the page for a very long time.

[Harry]

Hi,

Could you try decrease number of products per page. I see it load more products so it need more time to load images. Please try CDN.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts