- This topic has 14 replies, 3 voices, and was last updated 6 years, 9 months ago by Gertjan.
-
AuthorPosts
-
June 10, 2017 at 2:24 pm #331723Gertjan
Hi,
I can’t get the number of columns on the Woocommerce products page to work. If is set it to 3 and clear my cache and reload the page I can see 3 columns for a split second, then it changes to 1. Can you assist in finding the problem?
I’m hoping to hear from you soon.
June 10, 2017 at 2:37 pm #331725LeoStaffCustomer SupportHi there,
Do you see it change in the preview? If so but not in live site it’s likely a caching issue.
Any caching plugin or server caching?
Can also try #1 on this page: https://docs.generatepress.com/article/debugging-tips/
June 10, 2017 at 2:53 pm #331727GertjanI also see it in the preview (customizer), and I have flushed my caching plugin 100 times by now. Also using an incognito tab, so no caching on the client side, and also flushed my Rediscache DB. The fact that it isn’t caching is also noticeable bacuse of the split second when you see 3 columns. When the pages finishes loading it changes to 1 column.
My plugins can’t cause this problem, it’s all other kinds of plugins, nothing close to styling the shop page.
I’ve also tried Woocommerce product archive customiser, but that couldn’t get it to work either.
June 10, 2017 at 3:01 pm #331729LeoStaffCustomer SupportCan you provide a link to your site?
June 10, 2017 at 3:09 pm #331733GertjanThe site is in Dutch by the way
June 10, 2017 at 6:53 pm #331779TomLead DeveloperLead DeveloperThe caching plugin you’re using is ignoring the media query attached to the mobile CSS file.
If you want to continue using that specific caching plugin, you’ll need to tell them their code doesn’t work with the media parameter in wp_enqueue_style: https://developer.wordpress.org/reference/functions/wp_enqueue_style/
June 11, 2017 at 1:35 am #331872GertjanHi,
Unfortunately, after disabling my caching plugin (WP Speed of light) and flushing my Rediscache DB, the shop page still displays only 1 column. So I guess I can enable the plugin again and look further with you guys into the cause of this?
June 11, 2017 at 10:25 am #332033TomLead DeveloperLead DeveloperCan you keep it disabled and open your website so I can see?
June 11, 2017 at 11:11 am #332062GertjanDisabled the caching, only Rediscache is enabled right now. Maintenance mode is disabled, so you can visit the site now.
June 11, 2017 at 8:11 pm #332196TomLead DeveloperLead DeveloperSomething is still caching/minifying the output. You can see this by viewing the source of your site.
Any server caching? Cloudflare? Other plugins?
June 12, 2017 at 5:48 am #332370GertjanOkay, I found out which plugin was causing this problem, it was Above The Fold Optimization. This probably has to do with the CSS Optimization, so maybe I can solve this by adding css for the shop page to my Critical CSS. Do you have any idea what this code would look like?
June 12, 2017 at 8:49 am #332451LeoStaffCustomer SupportI think the problem as Tom mentioned is that the plugin is ignoring the media query attached to the mobile CSS file which means it won’t execute the CSS even though it’s there.
That plugin doesn’t really have decent review either. Maybe try to find an alternative?
Here are some optimizing tips: https://generatepress.com/fastest-wordpress-theme/
June 12, 2017 at 12:39 pm #332558GertjanIt’s making a great difference in Google PageSpeed scores, so I would like to keep it. If I know the required CSS I can add it to the Critical CSS of the plugin, so it will always execute that CSS. I’d like to try that beofre looking for an alternative. What’s the required CSS?
June 12, 2017 at 8:14 pm #332700TomLead DeveloperLead DeveloperIt’s not that it isn’t executing the CSS, the issue is it’s stripping the media query that applies the CSS to mobile only.
If you really want that plugin to work, you might need to report this issue to the developer and hope that they fix it.
June 19, 2017 at 11:44 am #335802GertjanAlright, thanks for the help.
-
AuthorPosts
- You must be logged in to reply to this topic.