[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

Magento. How to change products images dimensions

This tutorial will show you how to change dimensions of products images on Products Pages, Category Pages and for New Products section on home page in Magento.

Magento. How to change products images dimensions

  1. Open the root directory where you’ve installed magento site and navigate to: app\design\frontend\default\your_theme_number\template\ecommerceteam\cloud-zoom\catalog\product\view folder.

  2. Open media.phtml file using a text editor.

  3. In order to change the images size on Product Pages, you need to change $bigImageX = 308; $bigImageY = 308;
    values:

    magento_img_size1

  4. To modify images size on Category Pages, navigate to app\design\frontend\default\your_theme_number\template\catalog\product folder.

  5. Open list.phtml file. Search for “resize” text:

    magento_img_size2

  6. You need to change:

    resize (210);

    and

    width="210" height="210" values.

    We’ve changed the size for a “List Mode”.

  7. Search for the next “resize” text to alter images size for a Grid layout.

    magento_img_size3

  8. You need to change:

    resize (228);

    and

    width="228" height="228" values.

    We’ve changed the size for a “Grid Mode”.

  9. Finally, open new.phtml file to change the New Products images size:

    magento_img_size4

  10. You need to change:

    resize (270);

    and

    width="270" height="270" values.

    We’ve changed the size for the “New Products” section on Home page.

Re-load your site to see the changes. Note: you may need to clean browser cookies and cache and also clear Magento cache.

Feel free to check the detailed video tutorial below:

Magento. How to change products images dimensions

Magento. How to change products images dimensions, 5.0 out of 5 based on 1 rating