Return to previous page

Cache – Mobile Shop filters display at the bottom of the page instead off canvas

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

Julien

Participant

September 17, 2021 at 11:54

Hello,
I am having a problem after updating the theme. An issue that appears to be cache related. On the store or categories page, search filters “sometimes” appear at the bottom instead of showing off-canva.
I have read the following topics but that does not solve the problem.
https://www.8theme.com/topic/mobile-shop-filters-display-at-the-bottom-of-the-page-instead-off-canvas/#post-258221
https://www.8theme.com/topic/lost-the-shop-sidebar-on-mobile/#post-288153

Actually the problem doesn’t seem random as I thought but rather cache related (I am using WP Rocket with CDN). If the page is displayed on desktop the 1st time, the search is displayed at the bottom on mobile. And conversely if the page is displayed on mobile first, the search is displayed in off canva on mobile and desktop

It is as if the script that shows / hides the search was not executed on subsequent loads until the cache expires.

The site being mainly used on mobile, I activated the off-canva everywhere (mobile / desktop) to avoid penalizing the users who will not find the search as before.
Have you ever had this problem ?
On version 7.x used before update this problem did not occur

Thanks for your help.

Please, contact administrator
for this information.

#302554 Copied Theme version: 8.0.6 WooCommerce version: 5.6.0

3 Answers

Olga Barlow

Support staff

September 17, 2021 at 17:45

Hello,

This issue is related to cache plugin.
Please try installing and activating this helper plugin WP Rocket | Set Tablets As Mobile https://github.com/wp-media/wp-rocket-helpers/raw/50ba7f182b531db302bf793f0d622ac1069a1f77/cache/wp-rocket-cache-tablet/wp-rocket-cache-tablet.zip . Clear cache in WP Rocket after activation. Also, enable Separate Cache files for mobile devices option and check after that.

Regards

#302619 Copied

Julien

Participant

September 18, 2021 at 09:09

Thank you for your feedback, I will test this solution.
On the previous version there was no such problem.
Will a solution be implemented in the following versions?

#302636 Copied

Olga Barlow

Support staff

September 20, 2021 at 12:42

Hello,

We use wp_is_mobile() default function to detect that mobile device is used and add the necessary body classes, call additional scripts, styles. Point is that WP Rocket ignores that function.
And WP Rocket plugin support recommended using that plugin to avoid problem https://prnt.sc/1syebho So, we can do nothing with that from our side.

Regards

#302815 Copied
Viewing 4 results - 1 through 4 (of 4 total)