Issues with Meow Lightbox

Hi @andyla1133,

It seems that your theme is not using the default image class names (wp-image-<image_id>) and the Meow Lightbox plugin is not able to detect the image ID, hence not adding the data-mwl-img-id attribute with the image ID. This results in issues fetching the meta data.

Can you please try to go to Meow Apps – Lightbox – Performance and try to play around with the Parsing Engine settings.

By the way, is that the Newspaper theme? I’ll can try to test out locally and see if I can somehow fix on the plugin side.

Best regards,
Anton

Yes, it’s a Newspaper theme. If you have a chance to test it, it would be great.
I have tried to turn off all plugins in case something else could interfere with both of these plugins, and it does not help to track the issue.
I also tried your suggestion, checked all variations of settings, and could not make it work.

Thank you!

Hi, the Meow Apps plugin developer says: The EXIF data isn’t taken from the image at display time and then loaded into the lightbox from the front-end. For performance reasons, it’s done when getting the image’s ID and using the exif_read_data PHP function. If your images are offloaded to somewhere where they aren’t linked by their ID anymore, then this data cannot be read.

Could this be what is happening?

@andyla1133,

It doesn’t look like that’s the case. I’ve checked their code and they only use the image for GPS coordinates, all the other data comes from the WordPress image meta fields.

I have added a workaround to add the missing image classes. Can you please try the beta from here:
https://github.com/av3nger/cf-images/releases/tag/1.8.0.beta-1

Best regards,
Anton

That was fast. However, after the update was uploaded and all cache cleared, the result was the same.

Another thing I noticed is that even if both plugins are active but images are not off-loaded to CL, the EXIF still is not showing/loaded.

• This reply was modified 9 months, 3 weeks ago by andyla1133.

Sorry, forgot to mention that you also need to enable the “Parse page for images” option

Yes, It is enabled. But still nothing.

Is version 1.8.0.beta-1 at your local copy is working with this theme and plugin?

Thx

@andyla1133,

Yeah. The issue is the class name, which is still missing on your setup. Also on your site the original image is not matching the Cloudflare image… The original is 2024/01/periwinkle-snail-on-rocky-shore-malibu-beach-ca.jpeg and the Cloudflare image is 2024/01/DSC8427.jpeg. Could it be some other caching that you haven’t cleared?

I just removed everything from Cloudflare and turned off all plugins and all caches. And the issue persists. I have tried so many times already with different settings

I have many error messages in the log file.
Cannot run get_attachment_image_src(), returning original. Attachment ID:***
Do you know why it could be?

Ok. Please give me some more time to try and replicate.

Regarding the get_attachment_image_src() “error”. Those are not really errors, but more of a debug for the code logic. In the case above, you should be able to take the attachment ID, go into the media library and check if the image is offloaded. If there’s no image value in the log entry – it means that this was not a valid image call. If the image is offloaded and the image value is present, this can happen during cron calls or Ajax requests not related to the front-end. So don’t really worry about those, unless you’re trying to track down a specific attachment that is not being served through Cloudflare on the front-end.

Best regards,
Anton

Hi,

Here is an update from the Lightbox plugin developer

It seems that the mwl_data object does not exist when the Offload plugin is active. This means that the images are considered non-existent when the data is processed on the back end. The issue arises because the source cannot be linked to the image as it is using a CDN and there are no ID identifications like a wp-image-id class to fall back on.

Working and non-working case:

src=”https://itravel.photos/wp-content/uploads/2024/01/periwinkle-snail-on-rocky-shore-malibu-beach-ca.jpeg“

src=”https://itravel.photos/cdn-cgi/imagedelivery/3vcotjY3fj6Q0nuZi19hWA/itravel.photos/2024/01/periwinkle-snail-on-rocky-shore-malibu-beach-ca.jpeg/w=1068“

Hi @andyla1133,

I have uploaded another beta with some additional changes to try and add back the missing class with the image ID. Could you please see if this works for you?

https://github.com/av3nger/cf-images/releases/tag/1.8.0-beta.2

Best regards,
Anton

Hi, thank for the update.

I have uploaded the plugin, but the issue seems to persist.

Sorry, I don’t know what else I can do from my plugin side. Do the Meow Lightbox developers have any suggestions? Maybe they can provide some sort of filter I can use to provide an image ID based of the image URL (or anything else)?

Best regards,
Anton

Hi friends, fixed it on my side, it was related to the class with image ID on the backend of image generation. My setup is WEBP uploads from wp performance team, ACF Photo Gallery Field and meow lightbox

<a href="<?php echo $full_image_url; ?>">
<img class="wp-image-<?php echo $id; ?>" src="<?php echo $thumbnail_image_url;?>" alt="<?php echo $alt; ?>" title="<?php echo $title; ?>">
</a>