Magento Theme Development

In this tutorial series, we’ll be developing a Magento theme from scratch. During the series you’ll get very familiar with Magento terminology and how things are developed in it. I’ll try to explain everything as we go along, developing each component of the page step by step.

Posts in this series

Magento Theme Development: Bootstrapping
In this second article of our Magento theme development series, we’ll set up the basis of our new theme. We’ll set up the basic directory structure of our...
Anwar Haq
17 Nov 2015
Code
Magento Theme Development: Home Page, Part 1
As we set the stage in the previous bootstrapping article, now is the time to actually dive deep into the code, and start making changes. As an obvious...
Anwar Haq
24 Nov 2015
Code
Magento Theme Development: Home Page, Part 2
In the previous tutorial in this series, we started modifying the header section of the home page. In this tutorial, we'll start where we left off with the...
Anwar Haq
2 Dec 2015
Code
Magento Theme Development: Home Page, Part 3
Now that we have completely customized the first half of the home page, we need to modify the content of the home page and the footer section next. If we...
Anwar Haq
8 Dec 2015
Code
Magento Theme Development: Home Page Styling
We have completed the home page layout so far, and in this last article about the home page we’ll fix some styling issues. If you have followed all the steps...
Anwar Haq
15 Dec 2015
Code
Magento Theme Development: Category Page, Part 1
In this article, we'll start modifying the category page of our Magento theme. The category page essentially consists of four sections: the toolbar, grid...
Anwar Haq
22 Dec 2015
Code
Magento Theme Development: Category Page, Part 2
In the previous article on category pages, we edited the toolbar, grid and list layout. In this second article on customizing the category page, we'll...
Anwar Haq
24 Dec 2015
Code
Magento Theme Development: Product Page, Part 1
Now that we have completed the home page and the category page, in this tutorial we'll start editing the third most important page of the eCommerce website:...
Anwar Haq
28 Dec 2015
Code
Magento Theme Development: Series Finale
In this last article of the Magento Theme Development series, we'll finalize the product page from where we left it in the previous article, and I'll give...
Anwar Haq
31 Dec 2015
Code