Packt+ | Advance your knowledge in tech

You're reading from Mastering Magento Theme Design Magento is the super-capable open source e-commerce platform that's number one for a reason. By using this book to optimize your know-how, you'll be acquiring the ultimate in e-tail expertise for yourself and your clients.

Product type Paperback

Published in Apr 2014

Publisher

ISBN-13 9781783288236

Length 310 pages

Edition Edition

Languages

JavaScript

Tools

Magento

Concepts

Ecommerce

Author (1):

Andrea Sacca

View More author details

Table of Contents (18) Chapters

Mastering Magento Theme Design

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

1. Introducing Magento Theme Design

2. Creating a Responsive Magento Theme with Bootstrap 3 FREE CHAPTER

3. Customizing Our Custom Theme

4. Adding Incredible Effects to Our Theme

5. Making the Theme Fully Responsive

6. Making the Theme Socially Ready

7. Creating a Magento Widget

8. Creating a Theme Admin Panel

9. Customizing the Backend of Magento

10. Packaging and Selling the Theme

Conclusions and Credits

Index

Creating a custom login page

An important section that needs tuning is the admin login form. The default login form, shown in the following section, remembers the style of the Magento admin and replicates it to some degree:

But now that we have customized it, we are going to see how to customize the admin access page with a custom logo and a custom design.

The login file is login.phmtl, placed under app/design/adminhtml/default/default/template/.

If you take a look at the code of the login.phtml file, you can see that its structure is a full HTML document and we have full control of the login page. This means that you can totally customize it, creating your own custom structure. The final result that we are going to reach is shown in the following screenshot, and we will use a custom code structure to make it unique: