Magento – Custom Category Image Attribute Preview

category-attributeimage-previewmagento-1.9

I've created a custom image attribute for the category. The image will be saved in media/catalog/category/example location.

When I upload the image, preview showing as a broken image even though image exists in that location.

$installer->addAttribute($entity, 'g_main_image', array(
    'input'=>'image',
    'type'=>'varchar',
    'label'=>'Gallery Main Image',
    'required'=>false,
    'visible'=>true,
    'user_defined'=>true,
    'global'        => Mage_Catalog_Model_Resource_Eav_Attribute::SCOPE_GLOBAL,
));

Image preview showing http://localhost/dev/media/catalog/category/audi.jpg but the actual image is in

http://localhost/dev/media/catalog/category/gallery/audi.jpg

Best Answer

Change permission to your media/category to 755.

You are saving the image to a directory and not correctly reference it in the table, so check your custom attribute value.

Related Solutions

Magento Image Preview – How to Make the Preview Image Bigger

You can add html content after your element, use following:

$field = $fieldset->addField('imagebook', 'image', array(
    'label' => Mage::helper('books')->__('Image'),
    'required' => false,
    'name' => 'imagebook',
));

$imageUrl = Mage::registry('model')->getImageUrl();

$field->setAfterElementHtml(
    "<img src='$imageUrl' class='some_class'/> "
);

Here $imageUrl is link to uploaded image, I get it from my model, but yours may be differ, you can get it using own logic. And also add some css rules for some_class.

How to Preview Uploaded Image in Custom Module Form in Magento 1

save image name with your complete path.

media/{yourfolder}/imagename.jpg

save in database with yourfolder/imagename.jpg

it will show automatically in edit form.

you can rendered the field and show the image

$fieldset->addField('image_url', 'image', array(
        'label'     => Mage::helper('tressympa_cheflist')->__('Profile Picture'),
        'required'  => false,
        'renderer' => 'modulename/adminhtml_modulename_renderer_image',
        'name'      => 'image_url',
    ));

add your file Block/Adminhtml/ModuleName/Renderer/Image.php

 <?php
    class NameSpace_ModuleName_Block_Adminhtml_ModuleName_Renderer_Image extends Mage_Adminhtml_Block_Widget_Grid_Column_Renderer_Abstract{
       public function render(Varien_Object $row)   {
            $html = '<img id="' . $this->getColumn()->getId() . '" src="'.Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).$row->getData($this->getColumn()->getIndex()) . '"';
            $html .= '/>';
            return $html;
        }
    }
    ?>

Best Answer

Related Solutions

Magento Image Preview – How to Make the Preview Image Bigger

How to Preview Uploaded Image in Custom Module Form in Magento 1

Related Topic