Magento2 Display extra product image in product page

Question

I would like to display more related products of a product in my Magento 2 product page. with the following code, I can successfully get part of the path of a product image.

$related_products = $objectManager->get('Magento\Catalog\Model\ResourceModel\Product\Collection')
                   ->addAttributeToFilter('sku', array('like' => substr($_product->getSku(),0,8) .'%'))
                   ->addFieldToFilter('type_id','configurable');

foreach($replated_products as $relatedproduct){
   echo $relatedproduct->getImage();
}

this code will output something like /2/0/2050-101-9884.jpg, But how can I display it as a image? I haven't been able to find out how to get the full image path.

Answer 1

You can use full image URL as below.

$store = $objectManager->get('Magento\Store\Model\StoreManagerInterface')->getStore();
...
$imageUrl = $store->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA) . 'catalog/product' . $relatedproduct->getImage();

To get thumbnail URL

$imagewidth=200;
$imageheight=200;
$imageHelper  = $objectManager->get('\Magento\Catalog\Helper\Image');
$image_url = $imageHelper->init($relatedproduct, 'product_page_image_small')->setImageFile($relatedproduct->getFile())->resize($imagewidth, $imageheight)->getUrl();

Answer 2

Try this,

$productHelper = $objectManager->get('Magento\Catalog\Helper\Product')
foreach($replated_products as $relatedproduct){
   $thumbnailUrl = $productHelper->getThumbnailUrl(relatedproduct)
   $imageUrl = $productHelper->getImageUrl(relatedproduct)
   $smallImageUrl = $productHelper->getSmallImageUrl(relatedproduct)
}