Tagged: mobile design
there is too large distance between product image and block with product name and price on mobile phones.
It look terribly and scares potential customers.
I add a screenshot where you will see what i mean.
The screenshot made on Samsung Galaxy S10 Plus.
Please tell me what is wrong and how is possible to fix this problem?
- This topic was modified 7d by Viaceslav.
Did You set up http://transformer2.sunnytoo.com/doc/index.php#dimensions right? And regenerate the images?
Try this too go to modules back office and Theme editor module. In GENERAL tab disable ‘Retina’ and clear cache. And check if something change.
According that screenshot, I think it’s a cache related problem. You said you cleared cache, but I am not sure, you cleared the Smarty cache or the Browser cache.
Did you try clearing the browswer cache on your Samsung Galaxy? What’s the browser?
I recently added webp support to our themes, to achieve that I did some small changes to the lazyload feature, which might be the source of you having the problem. The lazyloading feature uses transparent images as placeholders for unloaded product images, what shows on that screenshot are those transparent image placeholders, they are supposed to be hidden when images are loaded, but because of browser cache, changes to js file not taking effect in the browser of your Samsung Galaxy, generally, browsers will automatically reload the latest js files when they detected changes.
You can disable the lazyload feature under the Category page tab in the Theme editor module to do tests.
You must be logged in to reply to this topic.