Magento – Magento 2 product images always returning the placeholder image

magento2placeholderproduct-images

I've written a plugin, and in it I'm trying to obtain the product image url like this:

$generalInfo = array(
    'image_url' => $this->_imageHelper->init($product, 'product_base_image')
        ->constrainOnly(FALSE)
        ->keepAspectRatio(TRUE)
        ->keepFrame(FALSE)
        ->getUrl()
);

The problem is that this is returning the placeholder image url, not the actual product image url. The product does have images, and they are visible when visiting the product page, but from the php code Magento2 is not able to find them.

Is there any other method of obtaining product images that is more reliable? How does Magento2 obtain the correct image url for displaying on the frontend?

Best Answer

Flush Catalog Image Cache and regenerate new cache images by running below Magento CLI command.

php bin/magento cache:images/resize

Related Solutions

Magento – Why product images are not loading using CDN URL

The logic of loading a product image from the front-end involves Magento looking for /media/catalog/product images within the front-end instance. If there is an image within the instance, it will then try to create and load the cached version (at which point the CDN will come into play).

However, since the product images are uploaded to the backend - they won't exist in the front-end instance. magento then decided this product doesn't have an image and use placeholder image instead.

To counter this issue, what you need is a system script that sync/push the content of media folder from the backend to the frontend.

You might be looking for a solution like this

https://gist.github.com/alotaiba/913313

Magento – Images returning as placeholders – custom product collection

I have resolved this issue myself. However i'm not entirely sure why it worked.

I added a view.xml file to Namespace/AlternativeColours/etc/view.xml

And defined a new image id with dimensions and it started working :

<?xml version="1.0"?>

<view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/view.xsd">
    <media>
        <images module="Magento_Catalog">
            <image id="alternative_swatch_image_base" type="swatch_image">
                <width>50</width>
                <height>40</height>
            </image>
        </images>
    </media>
</view>

So I therefore changed my phtml file to use this image id instead :

<?php $productImage = $_imageHelper->init($product, 'alternative_swatch_image_base')->getUrl(); ?>

It would be good to know why I couldn't use the pre-defined product_page_image_small

If anyone has any insight into that ?

Hope this helps someone though !

Best Answer

Related Solutions

Magento – Why product images are not loading using CDN URL

Magento – Images returning as placeholders – custom product collection

Related Topic