Hello, @k3nsai,
Thank you for your kind words!
The issue you are describing sounds like a theme issue at first. It is the theme’s job to select the correct thumbnail size at each point of the layout and for each user function (like the product zoom/popup image). I would need to take a look at your website to be certain, though. Could you share the website url with me perhaps?
Cheers,
Takis
Thread Starter
k3nsai
(@k3nsai)
@nevma I am using the flatsome theme. I will send you the url asap. Also on a sidenote, does your plugin work with webp images?
Hello,
No, unfortunately we do not support the Webp format yet. It is under our radar for future versions, though!
Cheers,
Takis
Thread Starter
k3nsai
(@k3nsai)
Here is the domain: gooakoo.com
pass: takis
You can see the product images when zoomed show the resized and not the original image
p.s.
It would be great if you also support webp, that would be a game changer.
Hello, again,
I think I know what you mean now. You are talking about the zoom function on the single product image after it pops up on the user screen.
That is a tricky one!
First of, the Adaptive Images plugin is trying to handle all your images unconditionally and transparently. So it handles that image as well. This means that the image you are seeing there is indeed the original image, but the plugin has resized in the background in order to make it fit the device dimensions and thus save some bandwidth. I realise this is not entirely desirable in your case.
And, as I said it is a tricky one!
Unfortunately, the Adaptive Images plugin can only make an exception on an image, if you refer to that image with a GET parameter at the end of its url like https://gooakoo.com/wp-content/uploads/2019/03/EX4106TCSBLBK-PowerToolRack.jpg?resolution=original. But I guess this is not very practical on a ready-made theme.
One other solution is to have bigger breakpoints in the plugin settings. For instance instead of the default “480, 768, 1024” you could set “768, 1280”. This way the images produced will be bigger for all device sizes and this will partially solve your issue. (Remember to clean up the plugin cache when you change the breakpoints.)
Apart from the above there is not much you can do really. The particular case you have at hand goes against the very idea of the Adaptive Images plugin, which is to downsize all images on mobile devices in order to save bandwidth. So, ultimately one needs to make some choices I’m afraid.
Let me know if this makes sense.
Cheers,
Takis
PS: Yes, we will definitely keep an eye on Webp, that is for sure!
Thread Starter
k3nsai
(@k3nsai)
Hi Taki,
Thank you for your reply, it does make sense and unfortunately it is a deal breaker for me and others with woocommerce, as in my case I want to show the full res image on zoom.
I am thinking out loudly here, but is there a way to make the plugin (or woocommerce for that matter) show in specific sections or pages of the site, the original image without resizing it?
Like a function, that if we are in page /shop/product/1, show image.jpg?resolution=original or something like that…
Is it possible to implement that? Either via a function or an option you could have in your plugin?
Either way, the plugin is an excellent one.
p.s.
Do you accept donations or paid custom jobs?
Hello, @k3nsai,
The answer to your question could possibly be a hook or filter of the theme, one that might allow you to play with the original product image url. But this is up to the theme I guess…
The only other viable (and easy) solution that you might consider is the one I already mentioned, adding big enough breakpoints in the plugin settings. It is a compromise of course.
All in all I know it is a bit frustrating, but it is almost impossible for the plugin to automatically predict which images might need special handling and thus not be resized.
Cheers,
Takis
PS: Yes, we do accept both! 🙂
