-
Posts
-
I am hoping that you can help me with a fairly recent issue we are having with the lightbox feature of our site.
We re using the theme page builder gallery/lightbox for images on our main product pages (example product -https://wildfocusexpeditions.com/expeditions/amazon-brazil-2025/ ) in the Accommodations section of the page and we use the Essential Grid galleries on our main gallery pages of our site (example gallery – https://wildfocusexpeditions.com/gallery/botswana/).Up until a few months ago, we did not have any issues with this feature in either section. Now, however, for some reason, the lightbox will not work properly for both. Only one or the other. If we deactivate the theme lightbox toggle, the gallery pages work perfectly, but the page builder galleries do not. The image will pop up, but the navigation and close image button are gone. If we toggle that switch on, then your gallery works perfectly, but the Essential Grid gallery will not even open/pop up.
We are not sure what to do. We were hoping the updates would resolve the issue but multiple updates for both the theme and the plugin have occurred with no change. Hoping you might have some insight for us to help resolve this problem.why did you set this rule?
.parent-pageid-3375 .mfp-arrow, .parent-pageid-3375 .mfp-container { display: none!important; }is that a trial to not show the enfold lightbox?
how do you embed this Essential Grid gallery to your pages?
Enfold has some triggers to hamper lightbox showing on standard enfold lightbox elements like images.
F.e.: if the gallery is inside a container with custom class: noLightboxHi,
Thanks for the links to your site, but I was not able to view in order to understand, if you are blocking Sweden, Philippines, USA, or Turkey, ip addresses please unblock so we can help.Best regards,
MikeThanks for the replies guys. The site should be accessible now for you. Please try again and let me know. We are only blocking Russia and Ukraine
The site is at least 5 years old and has had this same exact setup the entire time. It has always worked with no issues until a couple months ago when it stopped working. I assume it was after some updates we did in June. We updated the theme and some plugins and I am sure WordPress too.
The essential grid gallery is just shortcode in the default editor. We are not using a page builder on the gallery pages.
We are using the page builder for the product pages as we are using masonry galleries inside containers inside a color section. Same as its always been.Hi,
Thanks for the link to your site, it looks like you are using v5.7.1 this is quite old and may not be good with the current WordPress version.
I recommend first creating a staging site to test on, most cPanel webhosts have a staging site option, some in the dashboard:
Others add the option in the Softaculous WordPress Management
There may be other staging site options in different cPanel servers, these are the two that I have seen.
Then you can test the update on your new staging site and your live site will stay online.
Then to update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
If this staging site works fine then do the same for your live site, if you see errors on your staging site then post the admin login so we can check.
I don’t think that you will have errors, but it is better to be safe.Best regards,
MikeThe essential grid gallery is just shortcode in the default editor. We are not using a page builder on the gallery pages.
We are using the page builder for the product pages as we are using masonry galleries inside containers inside a color section. Same as its always been.my guess is that the enfold lightbox and the plugin script do interfere with each other. So my idea was to give one of the parent elements the custom class : noLightbox ( please pay attention the use of upper/lower case letters) . Because if the plugin comes with its own script for a lightbox effect, then the Enfold Lightbox script has no need to work here. Remove the css rule above or outcomment it for that test.
Hi,
As suggested above, please upgrade the theme to the latest version, 6.0.2. Then, contact the plugin developers regarding the following error, which is generated from the esg.min.js?ver=3.1.1 file located at /wp-content/plugins/essential-grid/public/assets/js/ folder.
esg.min.js?ver=3.1.1:12 Uncaught TypeError: jQuery(...).find(...)[0].trigger is not a function at HTMLDivElement.<anonymous> (esg.min.js?ver=3.1.1:12:42483) at HTMLDivElement.dispatch (jquery.min.js?ver=3.7.1:2:40035) at v.handle (jquery.min.js?ver=3.7.1:2:38006)Best regards,
Ismael@guenni007 is turns out that the initial line of code you mentioned creating this issue. I have no idea why it was added, but I imagine we had a reason to do it way back then a few years ago. I removed it and everything seems fine now. Thanks everyone for helping with this.
.parent-pageid-3375 .mfp-arrow, .parent-pageid-3375 .mfp-container {
display: none!important;
}
- You must be logged in to reply to this topic.