Categories

Featured templates

Magento. How to change products images dimensions

Ray Taylor January 27, 2015
Rating: 4.0. From 6 votes.
Please wait...

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 Website Templates
This entry was posted in Magento Tutorials and tagged change, dimensions, images, Magento, products. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.