Product Images are not showing from the front end – Magento

It is one of the common issues in Magento. Once you upload images from the back end, the images are shown in the back end but the images are not displayed on the front end.

To solve follow the below steps.

1. Go to view.xml file under your Magento root directory.

The location of view.xml for a theme is: <theme_dir>/etc/view.xml

For eg, The location of view.xml of the Magento Blank theme:

app/design/frontend/Magento/blank/etc/view.xml

2. Check the product_image_white_borders value in the view.xml

$ grep product_image_white_borders <Magento root directory/app/design/frontend/<theme_dir>/etc/view.xml 
        <var name="product_image_white_borders">0</var>

If it is zero, change it to 1

Here is the output:-

$ grep product_image_white_borders <Magento root directory/app/design/frontend/<theme_dir>/etc/view.xml 
        <var name="product_image_white_borders">1</var>

That’s it. I hope it will fix the issue 🙂