With some of the latest versions of Toolset there has been a serious problem between Toolset and DIVI. Before, everything worked correctly. It is very strange, if I enable the visual constructor of DIVI and save the page where the list generated with Toolset is located, everything is displayed correctly. However, if I refresh the browser the list disappears.
Please watch the following video: hidden link
I have done more tests and the problem is not from DIVI, since with any standard theme the problem can be reproduced, so it is obviously a Toolset problem.
If this issue also happens with a different theme, it may be related to caching or to a server issue(caching at server level). please check if this issue appears when:
- Only Toolset plugins are activated. It will tell us if there is an interaction issue with another plugin.
- The theme is set to a WordPress default like Twenty Fourteen. It will tell us if there is an interaction issue with your theme.
If the problem disappears, start activating one at the time to track where the incompatibility is produced.
If the issue persists, we'll need to take a copy of your website and check it locally to exclude any possible causes from the server level. Let us know if we can take a Duplicator copy.
Thank you Jose, I took a Duplicator copy of the website.
I believe this issue only appears when both, Divi and WP Rocket, are involved. In fact, Toolset is compatible with WP Rocket and we use both of them on our website without issues.
I'll suggest testing if this issue will appear on a standalone page, without Divi, and with WP Rocket activated, does this issue appear there with this view or a new view?
I did not get to the bottom of this issue yet, but I think it is mainly related to some custom styles. The results are built, but they are not correctly displayed, or they get applied an incorrect style. Check this screenshot hidden link
I'll get back to you as soon as I found something on my local copy.
It seems that the view results are applied a style to make them hidden, check this screenshot
The following code works as a partial workaround, it displays the results, but their styles are not applied.
Maybe this is caused by the fact that the view is built in the legacy editor and its loop's content template is built differently. Can you tell me how did you build the content template? Using the block editor or using Divi editor? hidden link
Finally, I came up with a workaround that fixed this issue. It may have some performance impact, but, I'll let you decide if it is viable for you. Otherwise, we can push investigation further.
The workaround is to disable Javascript minification in WP Rocket. It also removes this Javascript error from the console:
Uncaught SyntaxError: Identifier 'wpvViewHead' has already been declared
Go to Settings->WP Rocket->File Optimization. And disable Javascript minification in the 3rd section. Check this screenshot hidden link
The content template is created using gutenberg.
Thank you very much for the solution you have provided me, but the problem is that this website has been in a marketing process for a month through an external company, they put the Rocket cache plugin to improve the loading speed of the website and improve gtmetrix scores, so I guess it will be important for them to have these Rocket cache options enabled.
I don't understand, Toolset is supposed to support Rocket cache.
But if the Rocket cache optimizations cannot be used, some of its optimization utility is lost.
This is not very good. Right?
If the plugin supports excluding specific scripts from the optimisation then the as shared in my previous reply, you should exclude those scripts, and let us know if there are still errors because it may be that we need to update the list of scripts to be excluded and update the above doc that I shared.
If the plugin (wp-rocket) doesn't support excluding specific scripts they should write to the plugin authors and suggest it, and in the meantime you may want to consider a different tool which does this for you.
I have been able to fix the problem on the page: hidden link
because Rocket cache allows disabling javascript minification for a specific page, however all display pages from each manufacturer have the same problem and it would be a huge job to disable javascript minification for each manufacturer.
Look at the video: hidden link
I understand what you are saying but as I acknowledged that we do not have any official integration with the WP-rocket plugin.
And good news is that you able to find the place where the wp-rocket plugin offers the way to exclude the specific CSS/JS scripts.
Maybe you can contact WP-rocket and check with them if they offer any hook/filter so that you do not need to add the links for your every manufacturer manually and rather you can just pass post IDs to and manage that using some custom coding.
I'm afraid I do not have any solution to offer you at the moment as this is not on Toolset but how WP-rocket plugin manages the cache. Than you for understanding.
It's not like that we do not want to help you but as you know the thing is that the issue is not from Toolset actually as Toolset does not minifying the JS/CSS but wp-rocket plugin.
