[Skip to main content](#vessel-content) # Image quality on mouseover zooming ## - **[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")** - [![PioneerDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Topic Author - [ Offline](/forum/user/33649-pioneerdesign) Less More - Posts: 10 - Thank you received: 2 - - 12 years 2 months ago [\#168606](#168606) by [PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") *[Image quality on mouseover zooming](/forum/26-product-category-display/870559-image-quality-on-mouseover-zooming#168606 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Safari 7.0.6 Hello there, I'm struggling with the image quality of the mouseover zooming. It seems to just enlarging the thumbnail although the pop-up image is much better (and bigger). This results in a blurry image in the zoom-box showing the ugly pixels. I set the thumbnail size to 1032x1284 and the product image size to 258x321 px. The image size further down is also set to 1032x1284 px. If I set the product image size to the bigger value, then - of course - the layout is wrecked. I'm still working local - so I can't give you an url. I can provide a url where you can see the effect though ... colourocity.com/aquabumps/index.php/buy-.../product/1-wolf-pack I couldn't find a solution searching the whole night :blink: Hopefully you can help me here.")* was created by *[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")* -- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Safari 7.0.6 Hello there, I'm struggling with the image quality of the mouseover zooming. It seems to just enlarging the thumbnail although the pop-up image is much better (and bigger). This results in a blurry image in the zoom-box showing the ugly pixels. I set the thumbnail size to 1032x1284 and the product image size to 258x321 px. The image size further down is also set to 1032x1284 px. If I set the product image size to the bigger value, then - of course - the layout is wrecked. I'm still working local - so I can't give you an url. I can provide a url where you can see the effect though ... [ colourocity.com/aquabumps/index.php/buy-.../product/1-wolf-pack](http://colourocity.com/aquabumps/index.php/buy-prints/collections/favourites/product/1-wolf-pack) I couldn't find a solution searching the whole night :blink: Hopefully you can help me here. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzA1NTktaW1hZ2UtcXVhbGl0eS1vbi1tb3VzZW92ZXItem9vbWluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 746 - - [](http://www.inphase.one) - 12 years 2 months ago [\#168608](#168608) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[Image quality on mouseover zooming](/forum/26-product-category-display/870559-image-quality-on-mouseover-zooming#168608 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Safari 7.0.6 Hello there, I'm struggling with the image quality of the mouseover zooming. It seems to just enlarging the thumbnail although the pop-up image is much better (and bigger). This results in a blurry image in the zoom-box showing the ugly pixels. I set the thumbnail size to 1032x1284 and the product image size to 258x321 px. The image size further down is also set to 1032x1284 px. If I set the product image size to the bigger value, then - of course - the layout is wrecked. I'm still working local - so I can't give you an url. I can provide a url where you can see the effect though ... colourocity.com/aquabumps/index.php/buy-.../product/1-wolf-pack I couldn't find a solution searching the whole night :blink: Hopefully you can help me here.")* Hi, It's not a native HikaShop plugin or function, so the "official" support here might be unable to help you. However, if you used the search, you could have found other threads on the general topic here, i.e. this one where the last post was made only 2 days ago: [ www.hikashop.com/forum/4-how-to/1654-ima....html?start=20#56502](http://www.hikashop.com/forum/4-how-to/1654-image-zoom.html?start=20#56502) Good luck! --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) The following user(s) said Thank You: [Jerome](/forum/user/80-jerome "View Jerome's Profile"), [PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzA1NTktaW1hZ2UtcXVhbGl0eS1vbi1tb3VzZW92ZXItem9vbWluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")** - [![PioneerDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Topic Author - [ Offline](/forum/user/33649-pioneerdesign) Less More - Posts: 10 - Thank you received: 2 - - 12 years 2 months ago [\#168645](#168645) by [PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Replied by *[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")* on topic *[Image quality on mouseover zooming](/forum/26-product-category-display/870559-image-quality-on-mouseover-zooming#168645 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Safari 7.0.6 Hello there, I'm struggling with the image quality of the mouseover zooming. It seems to just enlarging the thumbnail although the pop-up image is much better (and bigger). This results in a blurry image in the zoom-box showing the ugly pixels. I set the thumbnail size to 1032x1284 and the product image size to 258x321 px. The image size further down is also set to 1032x1284 px. If I set the product image size to the bigger value, then - of course - the layout is wrecked. I'm still working local - so I can't give you an url. I can provide a url where you can see the effect though ... colourocity.com/aquabumps/index.php/buy-.../product/1-wolf-pack I couldn't find a solution searching the whole night :blink: Hopefully you can help me here.")* Thank you for that hint. That leeds me to the template provider (GAVICK Storefront) again. Hopefully there is a solution. Otherwise I'll try a module mentioned in you link. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzA1NTktaW1hZ2UtcXVhbGl0eS1vbi1tb3VzZW92ZXItem9vbWluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26400 - Thank you received: 4079 - - [](http://obsi.dev) - 12 years 2 months ago [\#168615](#168615) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Image quality on mouseover zooming](/forum/26-product-category-display/870559-image-quality-on-mouseover-zooming#168615 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Safari 7.0.6 Hello there, I'm struggling with the image quality of the mouseover zooming. It seems to just enlarging the thumbnail although the pop-up image is much better (and bigger). This results in a blurry image in the zoom-box showing the ugly pixels. I set the thumbnail size to 1032x1284 and the product image size to 258x321 px. The image size further down is also set to 1032x1284 px. If I set the product image size to the bigger value, then - of course - the layout is wrecked. I'm still working local - so I can't give you an url. I can provide a url where you can see the effect though ... colourocity.com/aquabumps/index.php/buy-.../product/1-wolf-pack I couldn't find a solution searching the whole night :blink: Hopefully you can help me here.")* Hi, @PioneerDesign If you want that the Image Zoom looks better, you should use an image with a higher resolution. The original image (if you click on, it will open the popup with the original file) is a little bit too small. [ colourocity.com/aquabumps/media/com\_hika...s-1-1\_1528597969.jpg](http://colourocity.com/aquabumps/media/com_hikashop/upload/c2r8067-10-01-2014-aquabumps-1-1_1528597969.jpg) And the image is the image you uploaded, because it's a image in the folder "upload", not in the folder "thumbnails" (which are the thumbnails generated by HikaShop). HikaShop can't create a higher image with a smaller picture, even if it resize it, it won't be a nice good image ; more an ugly one. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzA1NTktaW1hZ2UtcXVhbGl0eS1vbi1tb3VzZW92ZXItem9vbWluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")** - [![PioneerDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Topic Author - [ Offline](/forum/user/33649-pioneerdesign) Less More - Posts: 10 - Thank you received: 2 - - 12 years 2 months ago [\#168652](#168652) by [PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Replied by *[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")* on topic *[Image quality on mouseover zooming](/forum/26-product-category-display/870559-image-quality-on-mouseover-zooming#168652 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Safari 7.0.6 Hello there, I'm struggling with the image quality of the mouseover zooming. It seems to just enlarging the thumbnail although the pop-up image is much better (and bigger). This results in a blurry image in the zoom-box showing the ugly pixels. I set the thumbnail size to 1032x1284 and the product image size to 258x321 px. The image size further down is also set to 1032x1284 px. If I set the product image size to the bigger value, then - of course - the layout is wrecked. I'm still working local - so I can't give you an url. I can provide a url where you can see the effect though ... colourocity.com/aquabumps/index.php/buy-.../product/1-wolf-pack I couldn't find a solution searching the whole night :blink: Hopefully you can help me here.")* Hello Jerome, my problem is that even when I upload an image with 4MB in size (which is then reduced to about 556KB and a resolution of 1032x1133) the zoomed image is still showing a magnified 321x258 sized picture. Clicking on the product image shows the bigger 1032x1133 pixel image - so that's fine. So the product image should also be 1032x1133 in resolution, but only showing as an 321x258 pixel image. Is there a way to handle this in CSS? Looking at the code with my browser tool it seems that the image height of the product image is an inline element (it doesn't name a css file). Probably it really is an issue of that zooming module/plugin used by the template. Regards, Daniela Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzA1NTktaW1hZ2UtcXVhbGl0eS1vbi1tb3VzZW92ZXItem9vbWluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")** - [![PioneerDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Topic Author - [ Offline](/forum/user/33649-pioneerdesign) Less More - Posts: 10 - Thank you received: 2 - - 12 years 2 months ago [\#168655](#168655) by [PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Replied by *[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")* on topic *[Image quality on mouseover zooming](/forum/26-product-category-display/870559-image-quality-on-mouseover-zooming#168655 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Safari 7.0.6 Hello there, I'm struggling with the image quality of the mouseover zooming. It seems to just enlarging the thumbnail although the pop-up image is much better (and bigger). This results in a blurry image in the zoom-box showing the ugly pixels. I set the thumbnail size to 1032x1284 and the product image size to 258x321 px. The image size further down is also set to 1032x1284 px. If I set the product image size to the bigger value, then - of course - the layout is wrecked. I'm still working local - so I can't give you an url. I can provide a url where you can see the effect though ... colourocity.com/aquabumps/index.php/buy-.../product/1-wolf-pack I couldn't find a solution searching the whole night :blink: Hopefully you can help me here.")* See attachments... :dry: - [ ![Bildschirmfoto_2014-08-23_um_20_58_26.png](/forum/attachment/19189) ](/forum/attachment/19189 "...m_20_58_26.png") [ ](/forum/attachment/19189?download=1 "...m_20_58_26.png") - [ ![Bildschirmfoto_2014-08-23_um_20_58_30.png](/forum/attachment/19190) ](/forum/attachment/19190 "...m_20_58_30.png") [ ](/forum/attachment/19190?download=1 "...m_20_58_30.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzA1NTktaW1hZ2UtcXVhbGl0eS1vbi1tb3VzZW92ZXItem9vbWluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")** - [![PioneerDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Topic Author - [ Offline](/forum/user/33649-pioneerdesign) Less More - Posts: 10 - Thank you received: 2 - - 12 years 2 months ago [\#168683](#168683) by [PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile") Replied by *[PioneerDesign](/forum/user/33649-pioneerdesign "View PioneerDesign's Profile")* on topic *[Image quality on mouseover zooming](/forum/26-product-category-display/870559-image-quality-on-mouseover-zooming#168683 "-- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.3.3 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Safari 7.0.6 Hello there, I'm struggling with the image quality of the mouseover zooming. It seems to just enlarging the thumbnail although the pop-up image is much better (and bigger). This results in a blurry image in the zoom-box showing the ugly pixels. I set the thumbnail size to 1032x1284 and the product image size to 258x321 px. The image size further down is also set to 1032x1284 px. If I set the product image size to the bigger value, then - of course - the layout is wrecked. I'm still working local - so I can't give you an url. I can provide a url where you can see the effect though ... colourocity.com/aquabumps/index.php/buy-.../product/1-wolf-pack I couldn't find a solution searching the whole night :blink: Hopefully you can help me here.")* I used Magic Zoom (Plus) now, which works without any tweaking in the code. For an online store it's worth the money and saved more time spending on searching for a solution. ![;)](/media/kunena/emoticons/24.png ";)") Thanks for your efforts. The following user(s) said Thank You: [shtacson](/forum/user/34588-shtacson "View shtacson's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzA1NTktaW1hZ2UtcXVhbGl0eS1vbi1tb3VzZW92ZXItem9vbWluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.068 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)