mobile view | image distortion

  • Posts: 72
  • Thank you received: 2
6 years 9 months ago #293917

-- url of the page with the problem -- : oztimbertreasures.com.au/index.php/hikas.../72-burl-bowl-redgum
-- HikaShop version -- : 3.4.0
-- Joomla version -- : 3.8.1
-- PHP version -- : 5.6.98
-- Browser(s) name and version -- : Chrome

In mobile view the product image gets distorted in full view, i.e. when clicked on the thumbnail.
How can this be fixed?

Thanks for your input in advance.

Please Log in or Create an account to join the conversation.

  • Posts: 83407
  • Thank you received: 13500
  • MODERATOR
6 years 9 months ago #293936

Hi,

Change the "image popup mode" setting of the HikaShop configuration to "shadowbox (external)" and that will avoid the issue.

The following user(s) said Thank You: thomas.boepple

Please Log in or Create an account to join the conversation.

  • Posts: 72
  • Thank you received: 2
6 years 9 months ago #293978

Thank you, Nicolas. Changing this setting did fix the issue

Please Log in or Create an account to join the conversation.

  • Posts: 6
  • Thank you received: 2
4 years 5 months ago #324192

Hello, thanks in advance...
I have a similiar problem:
This shows perfectly on PC but distorsioned on movile,
arteaman.es/collares/ajustables/collar-a...on-manitos-de-fatima
The zoomed/detailed view on movile is ok (using the previous tip)
any idea?
options I have:
mootols
bootstrap
vex

thanks and regardds

Please Log in or Create an account to join the conversation.

  • Posts: 83407
  • Thank you received: 13500
  • MODERATOR
4 years 5 months ago #324208

Hi,

I checked your link but I don't see a problem with the images popup.
It's only the main image thumbnail which is distorted there.
And that's because of this CSS:
monosnap.com/file/80ETzphw0VjbzkEyXYvJT6HdkJmtn0
Now I don't know where that CSS comes from as your CSS is compiled by your template or another extension, which hides the origin of the CSS code.

What you can do though is to add such CSS on your website:
img#hikashop_main_image {
height: auto !important;
}
It will override the CSS you already have there and prevent the distortion from occurring on small resolutions.

Please Log in or Create an account to join the conversation.

Time to create page: 0.072 seconds
Powered by Kunena Forum