Magento: Display a product image within Static Pages and Blocks

Posted in Magento by B00MER

In this particular instance I needed to add product thumbnails for reference on a front page.

First create a new .phtml file with the following under catalog/product/view/your_new_page.phtml

<?php
$productId = $this->getProduct_id(); 
$_product = Mage::getModel('catalog/product')->load($productId); //load the product
?>
<img src="<? echo Mage::helper('catalog/image')->init($_product, 'thumbnail')->resize(75, 75); ?>" alt="<?php echo $this->htmlEscape($_product['name']); ?>" border="0" width="75" />

Now simply add the following to your CMS Page or Block and adjust the product ID to the product Image you wish to view:

{{block type="catalog/product_new" product_id="1" template="catalog/product/view/your_new_page.phtml"}}

Possibly Related Posts:


15Oct2009

About B00MER

What’s in a name other than a label attached to the things we’ve created and done for ubiquity... What is Molotov.bliss?

View all posts by B00MER →

This entry was posted on 10/15/2009 in Magento and tagged ,

10 Responses to Magento: Display a product image within Static Pages and Blocks Add your comment

  1. Pingback: Several Popular Technology Related Product Reviews -Wii Game Central

  2. Hans Kuijpers says:
    11/13/2009 at 6:18 am

    Hi Jared,
    Thank you for this tutorial. I’ve used it to create a video tutorial from it.
    https://www.yireo.com/tutorials/magento-programming/183-video-dynamic-product-image-to-static-page

  3. admin says:
    11/13/2009 at 10:53 am

    Hans,

    Thanks for creating a video tutorial for this.
    8)

  4. Nayan says:
    09/06/2010 at 12:38 pm

    Thanks For sharing

  5. Indies Tester says:
    03/03/2012 at 10:53 am

    How to add image in the admin panel interface?nu00a0

  6. Steve says:
    08/24/2012 at 6:02 pm

    How do you modify the code to make the product image a link to the product page?

  7. molotovbliss says:
    08/24/2012 at 8:39 pm


    <a href="getProductUrl() ?>"> ...

  8. molotovbliss says:
    08/24/2012 at 8:42 pm

    <a href="<?php echo $_product->getProductUrl() ?>"> … </a>

  9. Steve says:
    08/24/2012 at 9:12 pm

    Thanks so much molotovbliss!  

    Have another question regarding this code.  I noticed that this code is cached after the first time its executed so I can’t really reuse it in other places for other products.  Can you or anyone else help me to make it so magento does not cache it?  Or else the alternative is to create this phtml file for each different product image I need to display, which is really really awful!

    Here’s my code for everyone to see as reference (also added width and height configuration):getProduct_id();$width = $this->getWidth();$height = $this->getHeight();$_product = Mage::getModel(‘catalog/product’)->load($productId); //load the product?><a href="getProductUrl(); ?>”><img src="init($_product, ‘thumbnail’)->resize($width, $height); ?>” alt=”htmlEscape($_product['name']); ?>” border=”0″/>

  10. Mercy Tapscott says:
    10/23/2012 at 1:57 am

    For anyone who wants to use multiple product images on a page, instead of this:
    {{block type=”catalog/product_new” product_id=”1″ template=”catalog/product/view/your_new_page.phtml”}}

    you need to take the “_new” part off the block type, like so: {{block type=”catalog/product” product_id=”1″ template=”catalog/product/view/your_new_page.phtml”}}

Leave a Reply