Changing the Image Size On the Storefront

Modified on: Sat, Apr 5, 2014 at 4:49 PM


To change the image size on the storefront:

  1. In the administration panel, go to Settings > Thumbnails.
    1. Specify the desired quality value in the JPEG format quality (0-100) field.
    2. To change the size of the thumbnail images in the product lists on the storefront, edit the values of the Products list (category, search, etc) thumbnail width and Products list (category, search, etc) thumbnail height fields.
    3. To change the size of the thumbnail displayed on the product details page on the storefront, edit the values of the Product details page thumbnail width and Product details page thumbnail height fields.
    4. To change the size of the popup larger images of the product details page on the storefront, edit the values of the Detailed product image width and Detailed product image height fields.
    5. To change the size of the thumbnail displayed on the cart page on the storefront, edit the values of the Product cart page thumbnail width and Product cart page thumbnail height fields.
    6. To change the size of the category thumbnail images in the category lists on the storefront, edit the values of the Categories list thumbnail width and Categories list thumbnail height fields.
    7. To change the size of the category thumbnail displayed on the category details page on the storefront, edit the values of the Category details page thumbnail width and Category details page thumbnail height fields.
    8. To change the size of the popup larger images of the category details page on the storefront, edit the values of the Detailed category image width and Detailed category image height fields.
    9. If the values of the mentioned fields are specified, then  the original image size will be changed according to the size specified  in the field. For example, if the original image size is 200px x 200px  and the image width and height are specified as 100px, then the final  image size will be 100px x 100px. But if the width/height field is  epmty, the image will be displayed according to the original  width/height size.


      changing_the_image_size

    10. Click the Save button to save the changes.
      NOTE: After changing these settings you will need to clean up the thumbnail  cache in order to re-generate the automatically created thumbnails. In  order to do it, in the administration panel go to Administration > Storage and choose the Clean up generated thumbnails tab.


Did you find it helpful? Yes No

Can you please tell us how we can improve this article?