Product page: Watch more image resolution downgrades

[zicobakker95]

Hi guys, 

 

I have found a problem with the images on my product page. Normally my images are 600x600 in size, but the module takes my images, creates a 175x175 version of it, then up scales it later to a higher resolution. Doing so, it ruins the picture in the process. 

 

It is regarding this page: http://www.pepperkid.nl/home/165-shirt-dont-touch-the-hair.html for example.

 

"Bekijk meer" is "Watch More" from dutch to English. 

 

Can anyone tell me where the problem might be, and how to solve it. 

 

Thanks in advance! 

[hakeryk2]

At first - change the home_default thumb size in Back Office to something like 300x300px (because those are pretty much main thumbs for products on category listing). You can do it in back office -> preferences -> images and click edit on home_default and put those values. As You can see on category page http://www.pepperkid.nl/23-truien-vesten You have poor quality as well.

After that You have regenerate those thumbs.

 

Other way around is that You can change this line (somewhere arround 38 line) in themes\default-bootstrap\modules\productscategory\productscategory.tpl

 

<a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" class="lnk_img product-image" title="{$categoryProduct.name|htmlspecialchars}"><img src="{$link->getImageLink($categoryProduct.link_rewrite, $categoryProduct.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{$categoryProduct.name|htmlspecialchars}" /></a>

to this one

<a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" class="lnk_img product-image" title="{$categoryProduct.name|htmlspecialchars}"><img src="{$link->getImageLink($categoryProduct.link_rewrite, $categoryProduct.id_image, 'large_default')|escape:'html':'UTF-8'}" alt="{$categoryProduct.name|htmlspecialchars}" /></a>

but this will slows down loading of Your page due to large image size but better quality.

Edited April 14, 2017 by hakeryk2 (see edit history)