zoom image pixilated

GK User
Tue Jul 22, 2014 7:20 pm
Hover on the image is pixilated, right out of the box (i see the demo version has the same issue)
We've tried loading large files, deleting the thumbnails created on upload, configuring the hikashop image settings, but nothing seems to affect the image zoom.
in Template settings virtumart zoom size just affects the opaque square on hover. I grabbed some CSS overrides from a forum, tried these (and enabled the css overrides file)

nspImageWrapper:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

#gkZoom {display:none;}
#gkZoom.active{display:none;}


.nspArt .nspImageWrapper:hover img {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}


Please let us know how we can have zoomed images that are crisp! If not, an alternative would be to disable the zoom altogether.
Thanks!
User avatar
Fresh Boarder

GK User
Fri Jul 25, 2014 10:21 am
Could you show me your website and product view so I can check this issue? I suspect that your thumbnails just have low quality and this cause the problem.
User avatar
Platinum Boarder

GK User
Mon Jul 28, 2014 9:09 pm
I can confirm the issue. Unfortunately is my install of storefront on a local test server. The problem should however be easy to recreate.
User avatar
Fresh Boarder

GK User
Tue Jul 29, 2014 2:27 pm
I even don't know where this images exist without seeing your site. On News Show Pro, HikaShop, VirtueMart, K2?
User avatar
Platinum Boarder

GK User
Tue Jul 29, 2014 3:20 pm
Thank you for your quick reply!

It is in Hikashop (product page) - I might upload from testserver to a webserver at a later date so that you can have a look.
User avatar
Fresh Boarder

GK User
Wed Jul 30, 2014 9:53 am
Probably images uploaded to HikaShop are in very low quality. HikaShop will automatically scale images when you upload them based on global component configuration - please look at this tutorial with details how to change this image size values » ▶ Hikashop Tutorial - Changing Thumbnail Images Sizes - YouTube
User avatar
Platinum Boarder

GK User
Sat Aug 02, 2014 12:26 am
I got the same problem, the issue is not with the thumbnail image size, is when you move the mouse over the thumbnail it opens a zoom div beside the thumbnail, but it looks pixelated, you can see it here: http://www.mandalacoffee.org/products/p ... ndals.html

Thank you
User avatar
Fresh Boarder

GK User
Sat Aug 02, 2014 10:07 pm
Hi,
I am having the same problem. Is there a way to disable the zoom function as the image does appear fuzzy on zoom. I have tried an image with dimensions of 1000x1000 px yet still appears fuzzy
User avatar
Junior Boarder

GK User
Mon Aug 04, 2014 10:53 am
I've visited your website and don't see the zoom pop-up
User avatar
Platinum Boarder

GK User
Tue Aug 05, 2014 10:40 pm
I have same problem here :

http://hisdizayn.com/pemarperde/compone ... temid=9999

When we hit image we can see original image, but when we zoomit it pixelled.
User avatar
Junior Boarder

GK User
Thu Aug 07, 2014 7:36 am
Please check your hikashop settings, images are just resized during upload process. In global hikashop configuration you can specify size of the image and this value just have to be increased.
User avatar
Platinum Boarder

GK User
Thu Aug 07, 2014 5:14 pm
I tried all options that i found. But it always zooms the image on product page. I want it to show the big image (original one). Product page image is smaller than the original one.

When i increase the product page image, there is no need for zoom option. And it still zooming product image and still pixelling.
User avatar
Junior Boarder

GK User
Mon Aug 11, 2014 9:36 am
I've visited your sample product page and this is the original big image » /pemarperde/media/com_hikashop/upload/thumbnails/376x342/katlama-perde-07.jpg

It is 376px x 342px so it is normal that when it is resized to more that 400px it get's pixelated because source is smaller that the image in preview area. You need to upload bigger image to product page - that's all. The preview area is around 500px wide so you image should be at least 500px wide not around 380 pixels.
User avatar
Platinum Boarder

GK User
Mon Aug 11, 2014 9:25 pm
Ok i understand the point. Thanks alot.
User avatar
Junior Boarder


cron