{"id":96349,"date":"2017-10-16T08:15:11","date_gmt":"2017-10-16T08:15:11","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=96349"},"modified":"2026-01-28T06:53:06","modified_gmt":"2026-01-28T06:53:06","slug":"add-custom-image-attribute-category-magento-2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/","title":{"rendered":"Add Custom Image Attribute To Category In Magento 2"},"content":{"rendered":"\n

Add Custom Image Attribute To Category In Magento 2 – In this article, I\u2019ll explain how to add a custom image attribute to a category in Magento 2.<\/p>\n\n\n\n

You\u2019ll learn how to create the attribute, configure it in the admin panel, and use it effectively on the frontend.<\/p>\n\n\n\n

A common real-world use case is displaying a custom banner, promotional image, or icon<\/strong> for specific categories, such as showing a seasonal sale banner on a category or a brand logo.<\/p>\n\n\n\n

This approach helps improve visual appeal, highlight promotions, and create a more engaging shopping experience.<\/p>\n\n\n\n

Step:-1<\/p>\n\n\n\n

Create a registration.php file in the location Vendor\\Module<\/p>\n\n\n\n

<?php\n\\Magento\\Framework\\Component\\ComponentRegistrar::register(\n    \t\\Magento\\Framework\\Component\\ComponentRegistrar::MODULE,\n    \t'Vendor_Module',\n    \t__DIR__\n);<\/pre>\n\n\n\n
Step:- 2<\/p>\n\n\n\n
Create a module.xml file in the location Vendor\\Module\\etc<\/p>\n\n\n\n
<?xml version="1.0" encoding="UTF-8"?>\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module\/etc\/module.xsd">\n    <module name="Vendor_Module">\n    <\/module>\n<\/config><\/pre>\n\n\n\n
Step:- 3<\/p>\n\n\n\n
Create an AddCustomImageAttribute.php file in the location Vendor\\Module\\Setup\\Patch\\Data<\/p>\n\n\n\n
It creates a category attribute named “Custom Image”.<\/p>\n\n\n\n
<?php\n\nnamespace Vendor\\Module\\Setup\\Patch\\Data;\n\nuse Magento\\Customer\\Setup\\CustomerSetupFactory;\nuse Magento\\Framework\\Setup\\ModuleDataSetupInterface;\nuse Magento\\Framework\\Setup\\Patch\\DataPatchInterface;\nuse Magento\\Catalog\\Model\\Category;\n\nclass AddCustomImageAttribute implements DataPatchInterface\n{\n    public const ATTRIBUTE_CODE = 'custom_image';\n\n    \/**\n     * @var ModuleDataSetupInterface\n     *\/\n    private $moduleDataSetup;\n\n    \/**\n     * @var CustomerSetupFactory\n     *\/\n    private $customerSetupFactory;\n\n    \/**\n     * @param ModuleDataSetupInterface $moduleDataSetup\n     * @param CustomerSetupFactory $customerSetupFactory\n     *\/\n    public function __construct(\n        ModuleDataSetupInterface $moduleDataSetup,\n        CustomerSetupFactory $customerSetupFactory\n    ) {\n        $this->moduleDataSetup = $moduleDataSetup;\n        $this->customerSetupFactory = $customerSetupFactory;\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    public function apply()\n    {\n        $customerSetup = $this->customerSetupFactory->create(['setup' => $this->moduleDataSetup]);\n        $customerSetup->addAttribute(Category::ENTITY, self::ATTRIBUTE_CODE, [\n                'type' => 'varchar',\n                'label' => 'Custom Image',\n                'input' => 'image',\n                'backend' => \\Magento\\Catalog\\Model\\Category\\Attribute\\Backend\\Image::class,\n                'required' => false,\n                'sort_order' => 9,\n                'global' => \\Magento\\Eav\\Model\\Entity\\Attribute\\ScopedAttributeInterface::SCOPE_STORE,\n                'group' => 'General Information',\n            ]);\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    public static function getDependencies()\n    {\n        return [];\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    public function getAliases()\n    {\n        return [];\n    }\n}<\/pre>\n\n\n\n
Step:- 4<\/p>\n\n\n\n
Create a category_form.xml file in the location vendor\\Module\\view\\adminhtml\\ui_component<\/p>\n\n\n\n
It adds the image field to the adminpanel category form.<\/p>\n\n\n\n
<?xml version="1.0" encoding="UTF-8"?>\n<form xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance"\n      xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd">\n    <fieldset name="content">\n        <field name="custom_image">\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="dataType" xsi:type="string">string<\/item>\n                    <item name="source" xsi:type="string">category<\/item>\n                    <item name="label" xsi:type="string" translate="true">Custom Image<\/item>\n                    <item name="visible" xsi:type="boolean">true<\/item>\n                    <item name="formElement" xsi:type="string">fileUploader<\/item>\n                    <item name="elementTmpl" xsi:type="string">ui\/form\/element\/uploader\/uploader<\/item>\n                    <item name="previewTmpl" xsi:type="string">Magento_Catalog\/image-preview<\/item>\n                    <item name="required" xsi:type="boolean">false<\/item>\n                    <item name="sortOrder" xsi:type="number">40<\/item>\n                    <item name="uploaderConfig" xsi:type="array">\n                        <item name="url" xsi:type="url" path="front_name\/category_image\/upload"\/>\n                    <\/item>\n                <\/item>\n            <\/argument>\n        <\/field>\n    <\/fieldset>\n<\/form><\/pre>\n\n\n\n
Step:-5<\/p>\n\n\n\n
Create a di.xml file in the location Vendor\/Module\/etc\/ and add the below code:-<\/p>\n\n\n\n
It sets the configuration for the newly added image field.<\/p>\n\n\n\n
<?xml version="1.0"?>\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager\/etc\/config.xsd">\n    <preference for="Magento\\Catalog\\Model\\Category\\DataProvider" type="Webkul\\ProductFileAttribute\\Model\\Category\\DataProvider" \/>\n    <type name="Webkul\\ProductFileAttribute\\Controller\\Adminhtml\\Category\\Image\\Upload">\n        <arguments>\n            <argument name="imageUploader" xsi:type="object">Magento\\Catalog\\CategoryImageUpload<\/argument>\n        <\/arguments>\n    <\/type>\n    <virtualType name="Magento\\Catalog\\CategoryImageUpload" type="Magento\\Catalog\\Model\\ImageUploader">\n        <arguments>\n            <argument name="baseTmpPath" xsi:type="string">catalog\/tmp\/category<\/argument>\n            <argument name="basePath" xsi:type="string">catalog\/category<\/argument>\n            <argument name="allowedExtensions" xsi:type="array">\n                <item name="jpg" xsi:type="string">jpg<\/item>\n                <item name="jpeg" xsi:type="string">jpeg<\/item>\n                <item name="gif" xsi:type="string">gif<\/item>\n                <item name="png" xsi:type="string">png<\/item>\n            <\/argument>\n        <\/arguments>\n    <\/virtualType>\n<\/config><\/pre>\n\n\n\n
Step:- 6<\/p>\n\n\n\n
Create the Upload.php file in the location Vendor\/Module\/Controller\/Adminhtml\/Category\/Image<\/p>\n\n\n\n
It handles the file upload request and saves the image to the defined folder location.<\/p>\n\n\n\n
<?php\nnamespace Vendor\\Module\\Controller\\Adminhtml\\Category\\Image;\n\nuse Magento\\Framework\\Controller\\ResultFactory;\n\n\/**\n * Adminhtml Category Image Upload Controller\n *\/\nclass Upload extends \\Magento\\Backend\\App\\Action\n{\n    \/**\n     * Image uploader\n     *\n     * @var \\Magento\\Catalog\\Model\\ImageUploader\n     *\/\n    protected $imageUploader;\n\n    \/**\n     * Uploader factory\n     *\n     * @var \\Magento\\MediaStorage\\Model\\File\\UploaderFactory\n     *\/\n    private $uploaderFactory;\n\n    \/**\n     * Media directory object (writable).\n     *\n     * @var \\Magento\\Framework\\Filesystem\\Directory\\WriteInterface\n     *\/\n    protected $mediaDirectory;\n\n    \/**\n     * Store manager\n     *\n     * @var \\Magento\\Store\\Model\\StoreManagerInterface\n     *\/\n    protected $storeManager;\n\n    \/**\n     * Core file storage database\n     *\n     * @var \\Magento\\MediaStorage\\Helper\\File\\Storage\\Database\n     *\/\n    protected $coreFileStorageDatabase;\n\n    \/**\n     * @var \\Psr\\Log\\LoggerInterface\n     *\/\n    protected $logger;\n\n    \/**\n     * Upload constructor.\n     *\n     * @param \\Magento\\Backend\\App\\Action\\Context $context\n     * @param \\Magento\\Catalog\\Model\\ImageUploader $imageUploader\n     *\/\n    public function __construct(\n        \\Magento\\Backend\\App\\Action\\Context $context,\n        \\Magento\\Catalog\\Model\\ImageUploader $imageUploader,\n        \\Magento\\MediaStorage\\Model\\File\\UploaderFactory $uploaderFactory,\n        \\Magento\\Framework\\Filesystem $filesystem,\n        \\Magento\\Store\\Model\\StoreManagerInterface $storeManager,\n        \\Magento\\MediaStorage\\Helper\\File\\Storage\\Database $coreFileStorageDatabase,\n        \\Psr\\Log\\LoggerInterface $logger\n    ) {\n        parent::__construct($context);\n        $this->imageUploader = $imageUploader;\n        $this->uploaderFactory = $uploaderFactory;\n        $this->mediaDirectory = $filesystem->getDirectoryWrite(\\Magento\\Framework\\App\\Filesystem\\DirectoryList::MEDIA);\n        $this->storeManager = $storeManager;\n        $this->coreFileStorageDatabase = $coreFileStorageDatabase;\n        $this->logger = $logger;\n    }\n\n    \/**\n     * Check admin permissions for this controller\n     *\n     * @return boolean\n     *\/\n    protected function _isAllowed()\n    {\n        return $this->_authorization->isAllowed('Vendor_Module::category');\n    }\n\n    \/**\n     * Upload file controller action\n     *\n     * @return \\Magento\\Framework\\Controller\\ResultInterface\n     *\/\n    public function execute()\n    {\n        try {\n            $result = $this->imageUploader->saveFileToTmpDir('custom_image');\n            $result['cookie'] = [\n                'name' => $this->_getSession()->getName(),\n                'value' => $this->_getSession()->getSessionId(),\n                'lifetime' => $this->_getSession()->getCookieLifetime(),\n                'path' => $this->_getSession()->getCookiePath(),\n                'domain' => $this->_getSession()->getCookieDomain(),\n            ];\n        } catch (\\Exception $e) {\n            $result = ['error' => $e->getMessage(), 'errorcode' => $e->getCode()];\n        }\n        return $this->resultFactory->create(ResultFactory::TYPE_JSON)->setData($result);\n    }\n}<\/pre>\n\n\n\n
Step:-7<\/p>\n\n\n\n
Then create the DataProvider.php file in the location Vendor\\Module\\Model\\Category<\/p>\n\n\n\n
<?php\nnamespace Vendor\\Module\\Model\\Category;\n \nclass DataProvider extends \\Magento\\Catalog\\Model\\Category\\DataProvider\n{\n \n\tprotected function getFieldsMap()\n\t{\n    \t$fields = parent::getFieldsMap();\n        $fields['content'][] = 'custom_image'; \/\/ custom image field\n    \t\n    \treturn $fields;\n\t}\n}<\/pre>\n\n\n\n
Then,<\/span> at last create routes.xml in the location Vendor\\Module\\etc\\adminhtml<\/span><\/p>\n\n\n\n
<?xml version="1.0"?>\n\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App\/etc\/routes.xsd">\n    <router id="admin">\n        <route id="route_id" frontName="front_name">\n            <module name="Vendor_Module"\/>\n        <\/route>\n    <\/router>\n<\/config><\/pre>\n\n\n\n
\"category-image\"<\/figure>\n\n\n\n
In this way, we can add an image attribute to the category. Thanks…<\/p>\n\n\n\n
For technical assistance, please get in touch with us via email at support@webkul.com<\/a><\/p>\n\n\n\n
Additionally, explore a wide range of solutions to upgrade your store\u2019s functionality by visiting the Magento 2 Modules<\/a> section.<\/p>\n\n\n\n
For expert guidance or custom feature development, hire experienced Magento 2 developers<\/a> for your project.<\/p>\n","protected":false},"excerpt":{"rendered":"
Add Custom Image Attribute To Category In Magento 2 – In this article, I\u2019ll explain how to add a custom image attribute to a category in Magento 2. You\u2019ll learn how to create the attribute, configure it in the admin panel, and use it effectively on the frontend. A common real-world use case is displaying […]<\/a><\/p>\n","protected":false},"author":143,"featured_media":98064,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302,1],"tags":[5617,215,8156],"class_list":["post-96349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","category-uncategorized","tag-add-custom-image-attribute-to-category-in-magento-2","tag-category","tag-category-attribute"],"yoast_head":"\nAdd Custom Image Attribute To Category In Magento 2 - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Learn how to add custom image attribute to category in Magento 2 with step-by-step guidance, code examples, and best practices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Custom Image Attribute To Category In Magento 2 - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Learn how to add custom image attribute to category in Magento 2 with step-by-step guidance, code examples, and best practices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-16T08:15:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T06:53:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rani Priya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rani Priya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/\"},\"author\":{\"name\":\"Rani Priya\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/41b545a754c2050d9bf1bdd689cc7433\"},\"headline\":\"Add Custom Image Attribute To Category In Magento 2\",\"datePublished\":\"2017-10-16T08:15:11+00:00\",\"dateModified\":\"2026-01-28T06:53:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/\"},\"wordCount\":331,\"commentCount\":20,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png\",\"keywords\":[\"Add Custom Image Attribute To Category In Magento 2\",\"category\",\"Category Attribute\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/\",\"url\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/\",\"name\":\"Add Custom Image Attribute To Category In Magento 2 - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png\",\"datePublished\":\"2017-10-16T08:15:11+00:00\",\"dateModified\":\"2026-01-28T06:53:06+00:00\",\"description\":\"Learn how to add custom image attribute to category in Magento 2 with step-by-step guidance, code examples, and best practices.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png\",\"width\":825,\"height\":260,\"caption\":\"Phtml in Email Template\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Custom Image Attribute To Category In Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/41b545a754c2050d9bf1bdd689cc7433\",\"name\":\"Rani Priya\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/14d4027e5c23be01f55f93fe41b566aeb282dd9382ff8f4ceb4741cd1d00d74e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/14d4027e5c23be01f55f93fe41b566aeb282dd9382ff8f4ceb4741cd1d00d74e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Rani Priya\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/rani-priya439\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Custom Image Attribute To Category In Magento 2 - Webkul Blog","description":"Learn how to add custom image attribute to category in Magento 2 with step-by-step guidance, code examples, and best practices.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"Add Custom Image Attribute To Category In Magento 2 - Webkul Blog","og_description":"Learn how to add custom image attribute to category in Magento 2 with step-by-step guidance, code examples, and best practices.","og_url":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-10-16T08:15:11+00:00","article_modified_time":"2026-01-28T06:53:06+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png","type":"image\/png"}],"author":"Rani Priya","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Rani Priya","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/"},"author":{"name":"Rani Priya","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/41b545a754c2050d9bf1bdd689cc7433"},"headline":"Add Custom Image Attribute To Category In Magento 2","datePublished":"2017-10-16T08:15:11+00:00","dateModified":"2026-01-28T06:53:06+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/"},"wordCount":331,"commentCount":20,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png","keywords":["Add Custom Image Attribute To Category In Magento 2","category","Category Attribute"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/","url":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/","name":"Add Custom Image Attribute To Category In Magento 2 - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png","datePublished":"2017-10-16T08:15:11+00:00","dateModified":"2026-01-28T06:53:06+00:00","description":"Learn how to add custom image attribute to category in Magento 2 with step-by-step guidance, code examples, and best practices.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/Magneto-Code-Snippet-1-1.png","width":825,"height":260,"caption":"Phtml in Email Template"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/add-custom-image-attribute-category-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Add Custom Image Attribute To Category In Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/41b545a754c2050d9bf1bdd689cc7433","name":"Rani Priya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/14d4027e5c23be01f55f93fe41b566aeb282dd9382ff8f4ceb4741cd1d00d74e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/14d4027e5c23be01f55f93fe41b566aeb282dd9382ff8f4ceb4741cd1d00d74e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Rani Priya"},"url":"https:\/\/webkul.com\/blog\/author\/rani-priya439\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/96349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/143"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=96349"}],"version-history":[{"count":11,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/96349\/revisions"}],"predecessor-version":[{"id":523834,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/96349\/revisions\/523834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/98064"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=96349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=96349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=96349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}