Magento Design Theme Integration – Part-7

4. How to Build a New Theme:

When working with themes, these two directories will remain your base starting point.

Directory 1: app/design/frontend/default/default/ — This directory contains the layout, translation

(locale) and template materials.

Directory 2: skin/frontend/default/default/ — This directory contains the images, CSS and blockspecific

Javascripts.

Going to create own interface and own theme then the folder should be

So if you were working on a theme called “my_theme” in an interface called “my_interface”, you would be working in the ‘app/design/frontend/my_interface/my_theme/’ directory.

Creating a new default theme In order to create a new default theme, first you must copy an existing default theme from which you can base your new theme. Create a duplicate of app/design/frontend/default/default/ and rename the new directory to whatever you would like app/design/frontend/default/my_new_theme/ (Name of an interface and theme should be one alpha-numeric word starting with a letter from the alphabet[a-z]. For instance, ‘My New Theme’ and ‘02123_my_theme’ is bad. ‘my_new_theme’ is good). The name of your theme directory is the name by which the application will recognize your theme. Now do the same for skin/frontend/default/default. And that’s it! You’ve now successfully created a new default theme. To learn how to assign this theme to your store, read Assigning a new theme below.

Creating a new non-default theme When creating a new non-default theme, you don’t need to duplicate any existing default theme directories. Most likely you’re just making changes to specific files and hence will only need to duplicate the according files as a starting point of your new theme. One rule you must always remember to follow, however, is to make certain that you preserve the subdirectory structural conventions of Magento. For example, if all that your non-default theme contain is the template file ‘home.phtml’ from the catalog module, inside

app/design/frontend/your_interface/your_non_default_theme/ you will need to create directories ‘template/catalog’ into which you will save your template file. When you open up a default Magento theme

CORNER OF BLOG:

“A favour done, not as return for another, is more valuable than
heaven and earth put together..

Leave a Reply