Return to previous page

Product filters display incorrectly on category page on mobiles

This topic has 13 replies, 3 voices, and was last updated 2 years, 1 months ago ago by Olga Barlow

gewoonbovenaan

Participant

February 16, 2022 at 14:44

Hi,

i reported a problem for the filter that only appears on mobile at the shoppage. The rest of the pages the filter is visible only at the bottom. Response of WC filter:

When a specific product category page is viewed (like this: https://vinopura.nl/product-categorie/rode-wijn/), there is no icon on the left of the page to open the filters. Instead, you can find the filters at the bottom of the page: https://d.pr/v/NPlQYv.
On the default shop page, on the other hand, the filters show up as expected on all devices — like this: https://d.pr/i/EVndKl.
After taking a closer look I found that the floating “filter” on your shop page is actually coming from your theme Xstore: https://gyazo.com/6034c31b1e272a1e56e59e09f7aa5712

If this image fails to load, please visit:
Image Link: https://d.pr/i/6ETzo3

I have tested locally and confirm that the product filters always show on the sidebar even on the mobile version. So, the view you find on your product category page is the default from the extension.

I recommend getting in touch with your theme developers to know how they are implementing the filter on the shop page so that you can replicate it on the product category page.

#317394 Copied Theme version: 8.1

12 Answers

Rose Tyler

Support staff

February 17, 2022 at 08:50

Hello,

Provide URL, temporary wp-admin and FTP access, so we can take a closer look.

Regards

#317456 Copied

gewoonbovenaan

Participant

February 17, 2022 at 10:16

Herewith

Please contact administrator
for this information.

#317477 Copied

Rose Tyler

Support staff

February 17, 2022 at 13:46

Hello,

I’ve passed this problem to one of our developers and will let you know the answer soon. Please be patient.

Regards

#317516 Copied

Rose Tyler

Support staff

February 17, 2022 at 14:15

Hello,

Clear cache on mobile device and check now.

Regards

#317531 Copied

gewoonbovenaan

Participant

February 17, 2022 at 14:57

Thanks for the effort.it works now so that is great. But somehow when you open the filter, a product will open. https://gyazo.com/9a8f681431cd9018fdec9bc284bc04d1
tested it on Iphone X, 11 and 12

#317547 Copied
Rose Tyler

Support staff

February 18, 2022 at 06:17
Hello

Try to add this custom CSS code, clear cache on mobile and check:
```
.et-toggle-mob-sidebar {
border: 30px solid transparent;
margin-left: -30px;
}
.et-toggle-mob-sidebars-inner .et-toggle:before {
right: -30px;
pointer-events: all;
}
```
Regards
#317597 Copied
gewoonbovenaan

Participant

March 15, 2022 at 10:58

Hi, it worked as it should but somehow it disapeared again. can you please check why?

#319620 Copied

Rose Tyler

Support staff

March 16, 2022 at 09:08

Hello,

There is an error on your product category page – Allowed memory size of 134217728 bytes exhausted (tried to allocate 258048 bytes). The screenshot you can find in the Private Content area. Contact your hosting provider and ask to fix it first.

Regards

Please contact administrator
for this information.

#319676 Copied

gewoonbovenaan

Participant

March 18, 2022 at 09:53

Can you please check again? it was the productfilter of woocommerce whom caused all these issues.

#319920 Copied

Rose Tyler

Support staff

March 19, 2022 at 08:36

Hello,

Sorry for the delay in answering. Please describe the problem in more detail, provide video/screenshot and URL of the page.

Regards

#320004 Copied

gewoonbovenaan

Participant

March 21, 2022 at 15:15

Herewith the screenhsot. https://gyazo.com/f04fad3fd6f0a454a9cb939aed35fba0
The issue is that the filter which is normally on the left side of the mobile shoppage, now is not available. i select the off grid filter but somehow its gone.

#320155 Copied

Olga Barlow

Support staff

March 21, 2022 at 19:37

Hello,

I resaved the position of the sidebar for the mobile and the off-canvas filter appeared. Check now.

Regards

#320176 Copied
Tagged: best selling themes, category page, mobile friendly, product-filters, seo optimized, user experience, woocommerce themes
Viewing 13 results - 1 through 13 (of 13 total)