I created custom page for getting products . I got all information but how to get full image path. I am using getImage() it is showing image only how to get full path.

      <a href="<?php echo $this->getBaseUrl().$_item->getUrlKey();?>" title="<?php echo $_item->getName() ?>" class="product-image"><img src="<?php echo $this->getImage();?>" alt="<?php echo $_item->getName() ?>" />
  • please share your code. Commented Dec 24, 2016 at 6:46
  • do you need image in what size? full, original size, thumbnail or it can be some medium size? Commented Dec 25, 2016 at 1:23

5 Answers 5


Please use the code below in your template file :

$imageBlock =  $block->getLayout()->createBlock('Magento\Catalog\Block\Product\ListProduct');
$productImage = $imageBlock->getImage($product, 'category_page_grid');  /* $product pass product object here */
<a href="<?php echo $product->getProductUrl(); ?>"><?php echo $productImage->toHtml()  ?></a> asdasdfs
  • How do we know what the available options are for $ImageType in: $imageBlock->getImage($product, $ImageType)? Commented Nov 16, 2017 at 19:04
  • 1
    You can check all $ImageType in theme's etc/view.xml Commented Nov 21, 2017 at 9:17
  • This significantly slowed down my pages however is exactly what i want.
    – harri
    Commented Jul 10, 2018 at 14:21
  • @SnehaPanchal, can we use $productImage = $this->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA) . 'catalog/product' . $_product->getImage(); like below Commented Jun 7, 2019 at 10:04

If you only want to get the image URL without having to render the full image HTML code, and without calling multiple blocks, you can do this way :

$imageUrl = $product->getMediaConfig()->getMediaUrl($product->getImage());
// Returns "https://www.example.com/media/catalog/product/y/o/your_image.jpg"

Get the image URL with


or if you want to output it as element:

echo $image->toHtml();

OR Try this :

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

Note: you need to create objectmanager if use last solution.

  • what i s $image here @ Ronak
    – User0434
    Commented Dec 24, 2016 at 7:30
  • how to get $product
    – User0434
    Commented Dec 24, 2016 at 8:08
  • if you are using product page than whatever productObject you are using pass a single product here Commented Dec 24, 2016 at 8:23
  • Share your block code, so get proper solution Commented Dec 24, 2016 at 8:26

One thing you need to keep in mind when getting a custom collection of products is how you filter the collection to have a values you need to be called on the front end. You say you have a custom page, so i will assume that you are creating a custom collection as well.

When you do you have to filter out what you will need. Inside you're block class, you will need something like this:


namespace Vendor\Namespace\Block;

use Magento\Catalog\Model\Product;

class Custompage extends \Magento\Framework\View\Element\Template {

    public function __construct(
        \Magento\Framework\View\Element\Template\Context $context,
        \Magento\Catalog\Model\ResourceModel\Product\CollectionFactory $productCollectionFactory,
        \Magento\Catalog\Model\Product\Visibility $catalogProductVisibility,
        array $data = []
        $this->_productCollectionFactory = $productCollectionFactory;
        $this->_catalogProductVisibility = $catalogProductVisibility;
        parent::__construct($context, $data);

    public function getProductCollection() {       
        $attrId = $this->getAttrId();
        $collection = $this->_productCollectionFactory->create();

        return $collection;

Take note that we have $collection->addFieldToSelect('small_image'); as a field to select from. If you don't do this, when you pass the call to getImage() the product object won't have the image url (and this is hard to see as the m2 objects are huge and hard to var_dump). So you would end up with a value of NULL coming back when you call for the image url.

Then in your template you can use:

<?php $productCollection = $block->getProductCollection(); ?>
<?php $imageBlock =  $block->getLayout()->createBlock('Magento\Catalog\Block\Product\ListProduct'); ?>
<?php if (count($productCollection)): ?>
    <?php foreach ($productCollection as $product): ?>
        <?php $productImage = $imageBlock->getImage($product, 'category_page_grid'); ?>
        <a href="<?php /* @escapeNotVerified */ echo $product->getProductUrl() ?>" class="product photo product-item-photo" tabindex="-1"><?php echo $productImage->toHtml(); ?></a>   
    <?php endforeach; ?>
<?php endif; ?>

Have a look at how it achieved in magento at product/view page


 * Retrieve collection of gallery images
 * @return Collection
public function getGalleryImages()
    $product = $this->getProduct();
    $images = $product->getMediaGalleryImages();
    if ($images instanceof \Magento\Framework\Data\Collection) {
        foreach ($images as $image) {
            /* @var \Magento\Framework\DataObject $image */
                $this->_imageHelper->init($product, 'product_page_image_small')
                $this->_imageHelper->init($product, 'product_page_image_medium_no_frame')
                $this->_imageHelper->init($product, 'product_page_image_large_no_frame')

    return $images;

where $_imageHelper is:

 * @var \Magento\Catalog\Helper\Image
protected $_imageHelper;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.