-
Posts
-
I’m exploring the accordion slider and only the first image loads. The rest show up in the lightbox. It’s still a little above my pay grade, but I strongly suspect I have js that needs to be whitelisted in wpRocket. I have everything Enfold excepted under Delay so I’m thinking it might be Minify?
I see the way to define code errors in the Rocket Help but, I’m iffy on navigating that process. At least when I am suspecting this has come up before and there may be a known and perscriptive solution to it?
The information I found in the Chrome logs is in the Private Content.
I think I can learn this process, I’d just like a little adult supervision the first time, it’s a real wall of text.Hey Matthew,
Thank you for the inquiry.
Where can we check the issue? Please create a test page, then provide the URL in the private field. In the meantime, try to temporarily disable the Enfold > Performance > File Compression settings. Let us know if the issue persists.
Best regards,
IsmaelThank you. I had those diabled already on the assumption it was best to let WPRocket handle it?
URL’s below. Thanks again.Hi,
Thank you for the update.
Did you add any custom scripts to the site? The following error occurs in the console, which might be the reason why the accordion slider is not displaying correctly.
Uncaught SyntaxError: Failed to execute ‘querySelectorAll’ on ‘Document’: ‘#watch_feed div:not([class]) > div:not([class]) div[class] span[class] > a span[aria-labelledby]:has(> span[style=”display: flex;”] > span[class]:has-text(/^S$/)):has(> span[style=”display: flex;”] > span[class]:has-text(/^p$/)):has(> span[style=”display: flex;”] > span[class]:has-text(/^d$/))’ is not a valid selector.
at L (:1:11605)
at W (:1:10410)
at q (:1:10496) Best regards,
IsmaelI don’t even know how to add custom scripts. How might I approach fixing this? The weird thing is I have another accordion working fine…
Hey!
The accordion displays correctly when we disabled the Imagify plugin. Please try toggling the plugin options, specifically the one that converts images to “picture” format or “webp”. Let us know the result.
Cheers!
IsmaelIt appears this is a fairly common issue. I was not able to generate consistent outcomes. I’ll try again with a high level of method to eliminate variables. Being that webp is by all accounts the new standard how likely is it that we will see a revision of theme to accomodate or that Imagify and others might modify something? Maybe it’s neither and it’s hosting environments that need to change? Help me out on that one so I understand whaere that actual issue originates.
It sounds like I might circumvent this by using my Hosts image optimization but, I was unsuccesful seeiing results with that the last time I tried.
Thanks for all your help, I’ve been an Enfold user for 11 years for a reson.Hi,
At a quick glance, the accordion element doesn’t work well when the plugin is activated because it converts the img element to picture tags and switches the image format to webp. We’re not sure if the issue is caused by the picture element or the webp format, but I’d like to think it’s the former.
Best regards,
IsmaelThere are some other themes that have similar issues. It appears it is the <picture> tag causing the issue. For me I just stopped using image plugins and let the host’s CDN handle it.
Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Accordion slider js conflict with WPRocket?’ is closed to new replies.