Pinterest hidden images

Hello @vegasims

I hope you’re well today!

I must admit that I’m slightly confused with your questions. I’ve visited the site but I’m not sure what the issue is.

I’m assuming that it’s related to Smush Lazy Load feature. If you disable it, do things work fine on site and only go wrong with Lazy Load enabled? Or you need to disable entire Smush plugin for it to work?

Could you also tell me exactly which specific images on that page are affected? I mean – where exactly should I look/what for should I look to see the issue there?

Kind regards,
Adam

Hi Adam

Yes, it’s the Lazy Load feature and once disabled everything works fine. I have hidden Pinterest images on each page. An example is here, if you click on the share on Pinterest it’s the first three that is shown.

But the plugin disables the load of hidden images entirely.

Any advice welcome.

Thanks
Vega

Hi Vega,

Could you tell us which plugin are you using for social sharing, or is that a part of your theme?

Also, could you provide some more information on how those hidden images are added on your page so we could do some additional testing from our end and see why this isn’t working properly with lazy loading?

Cheers,
Predrag

Hi Predrag

I’m using Sassy Social Share and I’m hiding the images with <div style=”display:none;”></div> on most pages. On some of my other pages I’ve built with Elementor and I’m using the hide on mobile, desktop and tablet function within the responsive settings in Elementor. The example I shared above is an Elementor page.

Here is a page with a standard div example

Hello @vegasims,

Seems like there is a bit of confusion here. Let me try to clear a few things.

I see there are images on your page which have the display none CSS property applied but some of them are visible when we click the Pinterest sharing icon and some are not. The point of Lazy Load is to load images only when then need to be visible.

Maybe you could assign a different class to all those images and then exclude them from lazy loading and then try to check if that works.

Now on the other hand when the Pinterest share icon is clicked, the complete action is being called and processed by the social share plugin.

The way how lazy load works is it’s not supposed to load any images that are not visible. With that, the way Pinterest sharing or the sharing plugin decides which images to get is not on the Smush plugins part as that is not something we are processing from our plugin.

I hope this gives more understanding of how things are been processed and been worked. Should you have any doubts or need any help, feel free to reply in the thread and we would be happy to help!

Regards,
Prathamesh Palve

• This reply was modified 4 years, 6 months ago by Saurabh - WPMU DEV Support.

Hello @vegasims

I hope you are doing well!

We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

Kind regards,
Nastia