Custom admin theme in Magento

2nd MAR 2009 | Posted by in Administration, Magento
Custom admin theme in Magento

As mentioned on Magento forums the easiest way to achieve this is with overriding adminhtml config with your local custom one and activate it as module.

This is just a small example of different approach with Admin Theme config option in admin panel, to show you how things can be done in different ways in Magento.

Since this is one of those “code talks, talk walks” examples, here it is: admintheme_example.rar.

It’s great example of small Magento module with simple event hooking and adding configuration fields through system.xml.

Follow directory structure, copy files to their place and you will notice new “Admin Theme” option in System->Configuration->General->Design (Default Config scope). Your theme goes in app/design/adminhtml/default/yourthemename folder. It doesn’t need to be whole theme of course, just the files you’re changing.

Enjoy!

23
Top

Enjoyed this post?

Subscribe to our RSS Feed, Follow us on Twitter and spread it to your friends!

Save on Delicious

Author

Ivan Weiler

Project Manager

Ivan is a project manager and a senior web developer. He gained lots of experience managing some of the most complex Magento projects we had at Inchoo.

Other posts from this author

Discussion 23 Comments

Add Comment
  1. Damián
    02-03-2009 at 3:21 | #

    Excellent add-on.
    Everytime that I need to change the default admin theme, I just touch the originals (I know, bad practice) and think that I need to develop something like this.

  2. Dmitry Gurjev
    02-03-2009 at 23:25 | #

    Thanks! I love this tiny module!

  3. Tomislav Bilic
    20-03-2009 at 13:15 | #

    Thank you Ivan. Today was the first time I used it. It works great :)

  4. Brady
    10-04-2009 at 0:00 | #

    Perhaps I am doing something wrong, but on Mage 1.3 when I click “save” to save my new Admin template in the Config, it throws the following error:

    Fatal error: Call to a member function setActive() on a non-object in /app/code/core/Mage/Adminhtml/Controller/Action.php on line 76

  5. Wouter D
    19-05-2009 at 6:53 | #

    Hi Ivan,

    Great module, thanks a lot!

  6. Ivan Weiler
    20-05-2009 at 1:43 | #

    Thank you all. I added it to Magento Connect a while ago, so you can easily install it from downloader.

    Link: http://www.magentocommerce.com/extension/1086/admin-theme

    Key: magento-community/Inchoo_Admintheme

    Note that it’s in Alpha state, so change Preferred State setting before download.

  7. Frank Birzle
    24-01-2010 at 16:21 | #

    I ran into problems with version 1.3.2.4 and your extension.

    Configured the package / theme in app/etc/local.xml using:

    packagename

    themename

  8. Cobay
    31-03-2010 at 17:15 | #

    Oh~~~~no~~~~~
    my Magento Admin Pannel is downed…..
    upload the files and refresh of cache management ………….
    it is admin down!!!!!!!
    my magento version 1.4.0.1
    How are you going to?

  9. David
    30-06-2010 at 14:46 | #

    Have this working with Magento 1.4.1.0.

    Don’t forget you’ll need to create a file to enable the module /app/etc/modules/Inchoo_Admintheme.xml
    with

    
            true
            local
  10. David
    30-06-2010 at 14:48 | #

    code got stripped—
    config
    modules
    Inchoo_Admintheme
    active>truelocal</codePool
    /Inchoo_Admintheme
    /modules
    /config

  11. Hayden
    13-07-2010 at 21:36 | #

    David,

    What if I don’t want to override my default admin style, is there a way I can add a new folder in the skin directory to pick up my new styling? Thanks!

  12. Rick Pickett
    02-08-2010 at 18:36 | #

    Followed the written instructions and installed fine. Really helpful since I’m using the Customer Order Comment extension by Biebersdorf.

    Just be sure you’re adding your files to LOCAL not COMMUNITY.

  13. Clay
    18-08-2010 at 17:22 | #

    Hi,

    there is no SECTION like “Where did you heared about us” in the OrderDetails (backend/admin)

    Any ideas?

    Cheers
    Clay

  14. pablo
    16-11-2010 at 22:26 | #

    It works well for all the admin except the login page.
    Is there a way to include a custom css file in the admin login page?

    Thanks

  15. rahi
    14-01-2011 at 13:09 | #

    how to add a custom theme in admin panel in magento

  16. aa
    14-01-2011 at 13:30 | #

    thanks

  17. Rahul
    21-01-2011 at 11:43 | #

    Hi ivan,

    i am getting this Fatal error: Call to a member function post() on a non-object ..in resource model file,when i submit user email..this is my resource model function..and i am getting error on line 3 post($email)…error i wrote above..can u please help me…

    public function getData()
    {
    $email=$this->input->post(‘email’);

    $data=array(‘email’=>’$email’);

    $result=$write->query(“INSERT into {$tablename} values(‘$data’)”);

    $result->save();
    }

  18. Dumbrava Razvan Aurel
    10-03-2011 at 13:56 | #

    Many, many, many thanks! Very useful!!!!

  19. ccos
    29-04-2011 at 9:19 | #

    inchoo admin theme extension seems to be conflicted with “the Find Feed” in new feature of Magento v1.4.2

    I”m using now in my own theme(using the “inchoo admin theme” extension)

    “the find feed” is also using its own admin theme setting called feed in config.xml

    so when the find feed menu, only shown it up the blank screen.

    any solution ?

  20. David
    02-09-2011 at 10:45 | #

    Very useful…. Thanks

  21. JNDPNT
    07-09-2011 at 8:56 | #

    It’s a nice little module, but I’m a bit puzzled about one thing…

    Inchoo_Admintheme_Controller

    Why are you defining a controller class into the models section? Just some wrong naming?

  22. Info Trade
    26-09-2011 at 12:10 | #

    Great extension, but its not working properly on:
    mag v1.6
    I found that it makes the cache management page a blank one.

    Any one knows how to fix it?
    Cheers

  23. Shane
    29-11-2011 at 11:19 | #

    Yep great thanks for the information, really easy to install and now we can get cracking with changing our admin theme.. :-)

Add Your Comment

Please wrap all source codes with [code][/code] tags.
Top