Increase Img Size with good quality

[mateforstyle]

Hi everyone!

 

I am facing a problem with image resize.

Do look at the attached picture for an example of what I meant..

I tried to increase the img size for the #bigpic.

 

1st step I did was:

• Add a new dimension in Preferences > Images
  
• Regenerate the images
  

=> I see no results to the images in resizing

 

2nd step:

• Went into hosting panel.
  
• My theme/CCS/Global
  
• Changed the original
  /* product img */
  #primary_block #image-block {width:304px;height:304px;border-width:1px;border-style:solid;}
  #primary_block #image-block img#bigpic {width:304px;height:304px;cursor:pointer;}
   
  TO
   
   
  /* product img */
  #primary_block #image-block {width:330px;height:500px;border-width:1px;border-style:solid;}
  #primary_block #image-block img#bigpic {width:330px;height:500px;cursor:pointer;}
  

 

=> There is results, but the image is stretched and quality is lost.

=> Image does not fully cover the white space in the box

=>Also, the box is covering the product information

=>jqzoom quality was good, it maintained though

 

----- ---- ---- ------- ------ ------ ----- ------- ----

 

Please help and advise!

 

I will appreciate it, thank you.

 

Regards

M4S

[tomerg3]

Did you try to shift + refresh, you may be loading the old image from the cache....

 

Posting an image of your product page is useless.... There is nothing we can learn from it.

Can you post a link to the actual product page?

 

Also, ALWAYS include the PS version you use....

[mateforstyle]

Hi there

 

Yes cache as been cleared

Please

refer to the link http://mateforstyle.com/product.php?id_product=43

That product img is stretched

 

Im using PS version 1.4.7.3

 

thanks

 

has*

[tomerg3]

The image size is still 304X304.

 

You either did not change it to the new size correctly, or did not regenerate the images correctly or completely (did you see any errors?)

[Dh42]

Actually what happens is when you use image sizes in prestashop it writes them to the img tag in the html. So you cannot sent a css size for the image, which is totally normal. You need to set the size in the back office that you want the product images to be displayed. If you look at the css it shows the size you ant, but the img tag also has the size set too. So it is basically causing confusing in the browser, the image is being presented at 304x 304, but the css is causing it to stretch.

[mateforstyle]

Hi thanks for all help

 

I regenerated and changed the size of the images

It's done!

However, it covers the product information, how do I solve that?

An example would be http://mateforstyle.com/product.php?id_product=43

 

Edited May 11, 2012 by mateforstyle (see edit history)

[tomerg3]

Can you post a screenshot of your Preferences->images page.

 

Did you regenerate all the product images, and the page reloaded with a confirmation?

[Dh42]

Ok, see what your problem is, is that the css container that your image is in is set up for 306px, but your image is 330 px. So the image is flowing out of the container. Your easiest bet would be to try doing this.

 

On line 963 of your global.css it has this

#primary_block #pb-right-column {
width: 306px;
float: left;
}

 

change it to this

#primary_block #pb-right-column {
width: 336px;
float: left;
}

 

and on line 1004 it has this

#primary_block #pb-left-column {
width: 374px;
float: left;
padding: 0 0 0 20px;
}

 

change it to this

#primary_block #pb-left-column {
width: 344px;
float: left;
padding: 0 0 0 20px;
}

 

that should fix you up.