Magento 2.1.x. How to Change Product Image Size (Product Page)

âš‘ Here you can find the instructions on how to change product image size (Product Page).

1. Navigate to the Stores > Settings > Configuration section.

zemez wordpress themes

image-size-product-page-magento-zemez

2. Then choose the TEMPLATEMONSTER > Theme Options in the left side menu and you’ll move to the module settings interface.

image-size-product-page-magento-zemez

3. Click on the Store View: Default Config.

image-size-product-page-magento-zemez

4. Select a Store View you want to modify from the option dropdown.

6. Confirm the scope switching in the pop-up window. Press “OK” to confirm.

7. Go to the Product Page section.

➤ Expand the Gallery settings tab.
  • Image width — set thumbnail image width in pixels.
  • Image height — set thumbnail image height in pixels.

image-size-product-page-magento-zemez

✓ Click on the Save Config button and refresh the Magento cache.

Example (based on the Magetique template):

➥ If you want to reduce the main Product image size, do the following:
image-size-product-page-magento-zemez

1. Navigate to the Stores > Settings > Configuration section.

2. Then choose the TEMPLATEMONSTER > Theme Options in the left side menu.

3. Click on the Store View: Default Config and select a Store View you want to modify.

4. Press “OK” to confirm.

5. Move to the Product Page section and expand the Gallery settings tab.The default Product image size is 800 x 800 px.
image-size-product-page-magento-zemez

6. Let’s reduce the Product image size to 400 x 400 px.

In order to do this enter 400 in the Image width and Image height options’ text fields.
image-size-product-page-magento-zemez

7. Click on the Save Config button and refresh the Magento cache.

✓ Reload your store Product Page and you’ll see the Product image was reduced.

image-size-product-page-magento-zemez

monster one