I can see that you have a 500 WordPress error on your ajax request.
I can see that the thumbs for the search load but I don’t think that the 500 is caused by Optimole.
You should check the logs to see what the error is.
We will help you solve this if it is related to Optimole.
Thank you very much for your quick response, you helped us to identify and fix the error (it was indeed not Optimole related). Thanks again!
Glad to help.
Let us know if you have more questions or require more help.
Have a great day!
I think the issue is still there for the images in the search suggestions. If the images are not cached previously only 1 px x 1 px image is displayed there. I was thinking that I will disable the images in the search suggestions as the details panel is working now however the details panel does not display on mobile so it is better to have the image in the suggestions as well for mobile users.
Could you please take a look?
I can not see the issue: http://snpy.in/1dUCqx
Have you cleared the cache from caching plugins? Maybe it is something local to you?
Is there a specific way that I can use to replicate this?
Let us know, thank you!
the issue appears when you search for product you have not searched for or looked at before so that the product picture is not in your browser cache (or at least that is my understanding of the issue).
Try searching for e.g. kridla or labut so that you are shown products which were not part of your previous search suggestions.
See screenshot, in this case 2 out of 3 pictures were loaded properly:
In this one none of the two pictures were loaded properly:
This is the link to one of the images which is resized too much (size seems to be resized to 4x4px):
<img data-opt-src="https://ml9lhni4ibgd.i.optimole.com/VyT4vwY.CfOg~31012/w:64/h:83/q:auto/https://mytutu.sk/wp-content/uploads/2020/04/Cygne-42.jpg" src="https://ml9lhni4ibgd.i.optimole.com/VyT4vwY.CfOg~31012/w:4/h:4/q:auto/https://mytutu.sk/wp-content/uploads/2020/04/Cygne-42.jpg" alt="Tutu šaty Luna Luna Cygne biele" class="" data-opt-lazy-loaded="true" data-opt-otimized-width="4" data-opt-optimized-height="4">
The issue appears on all devices and browsers.
Thank you for your help.
From looking at the tag I think the issue is that it detects the image as being 4×4 px from css so it rescales to that size when lazy-loading. You can specify either on the image tag a width and height or make sure in css the image container keeps has a min-width and min-height of 64×83 witch I think is the size of the thumbnails.
This should solve the issue, or you could exclude the images from that section from lazy-loading, but I would suggest changing the img attributes or the css.
Let us know how it goes.
Thank you, the css solution worked!
Glad to hear it is now sorted.
Have a great day and feel free to contact us if you have more questions or require more help.