SmugMug lightbox showing each photo twice

You have another plugin here (it might even be your theme) that is playing spoilsport with the markup of Photonic.

What Photonic is generating on your page has each image just once, but due to the conflict paragraph tags are being inserted all across the markup. Eventually when Photonic’s JavaScript is being called, the invalid markup is causing issues for the JavaScript and photos are getting repeated.

The specific feature that is causing the problem is a WordPress called autop, which automatically inserts the p tags. By itself autop does nothing and Photonic’s markup is insulated from it (I have always had autop turned on across my website since 2008, and Photonic we built in 2011). But, sometimes a different plugin applies autop on the markup retrieved by Photonic, and that causes the problem. This sometimes happens in Page builders, if they save the HTML markup generated by Photonic, then apply the autop on it.

How do I fix it? I do have a page builder installed, but am not using it on the gallery pages.

The problem does not go away when I switch to the Twenty Twenty theme.

Then the culprit is a different plugin that is applying the filter to the markup. It is a little difficult for me to say what that plugin might be, but one of the easier ways to figure this out is to deactivate plugins and reactivate them one by one.

Found the culprit, seems to be Beaver Themer, but that’s a plugin I really need to use. Is there a workaround?

I am not sure, but probably a good start is asking the Beaver folks if there is a way to disable autop in a targeted manner at their end.

How did you create the gallery? Did you use a shortcode generated by the Photonic “Add / Edit Photonic Gallery” (a.k.a. the Photonic Gallery Wizard)? Or did you use a Gutenberg block? Or did you use the Photonic WordPress widget via the Beaver Builder page?

I used the Gutenberg block.

Can you switch to the Classic Editor for this post and use the “Add / Edit Photonic Gallery” instead? Does that make a difference?

I’ve tried that already, but tested again to make sure. Same problem as long as Beaver Themer is activated.

Then the only recourse is to have the Beaver folks help, as this problem occurs only when the Beaver Theme is activated (there seem to be some other scripts that have this sort of a conflict with Beaver).

Is there a way not to use Beaver for this specific page? I am seeing that the content for Photonic is wrapped in a class called fl-rich-text. I believe this refers to some sort of a Beaver rich text block – my hunch is that any content that is put into this sort of a block might be forced through a re-parsing of its content.

Well, the problem is that Beaver Themer is where I created the template for the page. Even though I’m using Gutenberg for the content, themer still runs the header/footer etc. So not using it would effectively break the site.

You could try using the Masonry layout instead of the mosaic layout – it is not as fancy as the mosaic, but it relies purely on CSS, so markup issues caused by other plugins might get insulated.

One thing I have tested in Beaver is the use of Photonic as a widget. So, if I have a layout built using Beaver Builder and I add a WordPress widget (not Gutenberg block) for Photonic, that seems to render well without broken markup. I don’t have Beaver Theme though, so I cannot say if the issue will still continue.

I am not familiar enough with Beaver’s toolset enough to help you out more, unfortunately, and beyond this you will have to work with them to see what it is that needs to be addressed. I am pretty sure they will have some containers that don’t contain rich text – maybe those will work.

Widget seems to work! Wuhoo!

Hi, we are having a similar issue. We use a Flickr gallery and we have Elementor on our site. When clicking on a photo to open it loads it twice but only the initial photo. If you click the image in the background disappears and you can browse through the rest of the gallery fine.

I have tried both Classic Gallery and Guttenberg, no difference.

Would appreciate some help on this please.

Thanks, Andrew

@onlineopvoedhulp,
Please start a new thread – your issue is unrelated. The OP’s issue was that of the same photo showing twice in a layout. Yours is that of two lightboxes opening.

Please provide a URL when you start your thread.