Book Image

Magento 1.4 Themes Design

By : Richard Carter
Book Image

Magento 1.4 Themes Design

By: Richard Carter

Overview of this book

<p>Magento is a popular open source e-commerce project. Whilst it comes with a number of default themes to change the look and feel of your store, many people, both new to Magento and old hands, struggle with even the more basic aspects of customizing Magento themes. When you read this book you'll learn how to change the basics of your Magento theme, create a new custom theme and much more.</p> <p>The book is a step-by-step guide to theming Magento, aimed at readers with little technical expertise. The first chapters introduce Magento 1.4 and Magento themes, covering Magento theme hierarchy and the key components of a Magento theme: templates, skins, layout, and locales. Later chapters delve into changing the basics of your Magento store, including methods for changing the logo of your store, adding a custom favicon (favorites icon) and integrating Twitter and Facebook into your store. More advanced topics include customizing Magento templates and XML layout files to alter a theme to your own needs and creating a custom print stylesheet.</p> <p>In short, the book provides guides to common aspects of theming and customizing Magento 1.4 and equally useful step-by-step walkthroughs of integrating more unusual items in to your Magento store.&nbsp;&nbsp;&nbsp;</p>
Table of Contents (17 chapters)
Magento 1.4 Themes Design
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Beginning a new Magento 1.4 theme


In Magento 1.3, you may have copy-and-pasted a theme such as the Blank theme in its entirety and then edited the various stylesheets, images, templates, and layout files required. In Magento 1.4, the altered theme hierarchy and theme structures mean that you can work in a way that is less disruptive to your Magento store when you come to update it.

The case study design

The case study theme for the M2 Store—these examples are with the aim of creating a theme suitable for Magento to accommodate this design:

Creating new theme directories

The first step in creating the new theme is to create two new directories. Firstly, you need to create a directory to contain the new Magento theme layout and template files: as the example theme is for the M2 Store, we'll call it m2. With this in mind, you need to create a directory called /app/design/frontend/default/m2, where m2 is the name of your new theme's directory.

Tip

Theme directory name

It's best practice to name the...