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!
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!
-
- 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.
-
- 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.
-
- 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?
-
- 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.
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.
-
- 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
-
- 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
Thank you
-
- 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
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
-
- Junior Boarder
- GK User
- Mon Aug 04, 2014 10:53 am
I've visited your website and don't see the zoom pop-up
-
- 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.
http://hisdizayn.com/pemarperde/compone ... temid=9999
When we hit image we can see original image, but when we zoomit it pixelled.
-
- 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.
-
- 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.
When i increase the product page image, there is no need for zoom option. And it still zooming product image and still pixelling.
-
- 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.
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.
-
- Platinum Boarder
- GK User
- Mon Aug 11, 2014 9:25 pm
Ok i understand the point. Thanks alot.
-
- Junior Boarder
14 posts
• Page 1 of 1