[Resolved] Elementor Gallery offsets Toolset images by 2

[Author]

Posts

[kristofG]

I have a Toolset Custom Field 'Image' which is repeatable so the user can create a small image gallery.
I use the Elementor Gallery Widget to call for the uploaded images to the CPT, which works well. Except that the first two uploaded images are not visible, only the 3rd, 4th, ... images show on the CPT.
I know this should work, because I created another website with the exact same technique, there all uploaded images to the post are visible on the frontend.

[kristofG]

When I put the last 2 images first, then they load. So the issue is with the first two images. I have no idea why they don't show.
I have already uploaded them again, making sure the originals weren't corrupted.
I created another Post and the 2 images show perfectly.
hidden link

[Shane]

Hi Kristof,

Thank you for getting in touch.

Given that you're using Elementor to display the post, by best advice would be for you to get in touch with the elementor team to see if they can have a look at it for you.

However the first thing I would do before contacting them is to try and recreate the post. If the issue still remains after recreating the post then I would get in touch with them.

Thanks,
Shane

[kristofG]

Hi Shane,

I understand your advice to contact Elementor, and I will report this, but I am not absolutely sure it's an Elementor issue.
I have uploaded 10 images to this post, only 5 show in the frontend when I Preview Changes.
But when I try to Update the Post, I get this error "Field "Stock Image Gallery" not updated: Please enter a valid URL address pointing to the image file."

UPDATE: there seems to be a problem with uploading large images which WP 5.3+ then resizes so there is a mix-up between the original file name and the resized file with the -scaled suffix.

[Shane]

Hi Kristof,

I understand this, meaning that the filename being retrieved on the frontend is different from what is being stored correct?

This may explain why the images don't show up because of the mismatched URL.

I'm aware that wordpress adds the scaled suffix when an image size is quite large. Should this be the reason then the only solution here is that you reduce the image size before uploading, however I can have a look for you if you like.

I've enabled the private field for your next response.

Thanks,
Shane

[kristofG]

I have disabled the WP scaling via a small snippet and do the resizing via our Shortpixel plugin.
I then replaced all -scaled images with ShortPixel Media Replace and made sure to also update the filename.
This fixed the problem.