adding category image to the category page in magento

Question

I am trying to add Category image at the top of my category landing page. I am using luxury theme and magento 1.9 version

What i have done so far: I have added image in Admin -> manage categories -> My Category -> in general information tab I added image

Next I tried to change code in page/html/Breadcrumbs.phtml but it didn't work

This is default code in page/html/Breadcrumbs.phtml

<?php if($crumbs && is_array($crumbs)): ?>

    <?php
        $bg_image = $this->getLayout()->createBlock('cms/block')->setBlockId('luxury-background-breadcrumbs')->toHtml();
        preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $bg_image, $matches);     
    ?>
<div class="breadcrumbs" <?php if($matches[1][0] !=''): ?>style="background-image:url(<?php echo $matches[1][0]?>);"<?php endif;?>>
</div>

Help in how to display image to the top(header) of the page.

Is there any way to just get the image of the categories?

Inside Manage Categories add it in the Image attribute. It should come as a banner in your category landing page by default. — Kingshuk Deb
Yes I did googled I did add it in the image attribute but it is not displaying in the category landing page — parish
Can you show us the category view page code..not the listing page — Kingshuk Deb

faizanbeg faizanbeg · Accepted Answer · 2016-09-09T08:20:23

Go to your catalog->category->view.phtml page search for $_imagHtml if not found use this below code in your file 
<?php $_imgHtml   = '';
    if ($_imgUrl = $_category->getImageUrl()) {
        $_imgHtml = '<p class="category-image"><img src="'.$_imgUrl.'" alt="'.$this->escapeHtml($_category->getName()).'" title="'.$this->escapeHtml($_category->getName()).'" /></p>';
        $_imgHtml = $_helper->categoryAttribute($_category, $_imgHtml, 'image');
    }?>
<?php if($_imgUrl): ?>
    <?php echo $_imgHtml ?>
<?php endif; ?>

adding category image to the category page in magento

3 Answers