Magento template design,custom your theme course:
firstly,you need know magento interface.
Interface is a collection of themes that determines the visual output and frontend functionalities of your store. An interface can be assigned on either the website-level, store-level or website and store level through the admin panel (Learn how to assign an interface to the website/store).
If you assign an interface in the website-level, all your stores will inherit the interface of your website. You can further assign an interface in the store-level, effectively overriding that of the website. Say you operate four different stores under a website called “John’s Panacea” – By studying the effects of each method as shown below, you can easily determine the method to employ for the design needs of your business.
Secondly,you need know the theme.
A theme is any combination of layout, template and/or skin file(s) that create the visual experience of your store. Magento is built with the capacity to load multiple themes at once, therefore distinguishes themes into two large types:
* Default theme
Every interface comes with a theme called ‘default’ which is the main theme of an interface. When you assign an interface to your store, the application automatically looks for this theme ‘default’ and loads it to the front-end. In order to customize your store design, you can either modify this theme alone, or create a non-default theme in addition and load it alongside the default. The default theme must contain all the required layouts, templates and skins to run a store error-free and hence is the lowest theme in the theme hierarchy.
* Non-default theme
A non-default theme can contain as many or as little theme files as you see fit for your need. This type of theme is intended for use on creating temporary seasonal design changes to a store without having to create a whole new set of default theme—By creating a few images and updating some of the CSS, you can easily turn your store from a real bore to a stand-out seasonal Christmas store.
A theme consists of any or all of the following:
* Layouts (located in app/design/frontend/your_interface/your_theme/layouts/)
These are basic XML files that define block structure for different pages as well as control META information and page encoding. There’re two large types of layouts – default and updates. Default layouts are applied by default to almost all the pages in the store, while updates contain layout that simply updates (overrides) the default for further page-by-page customization. (For in-depth look into layouts, read the Intro to Layouts)
* Templates (located in app/design/frontend/your_interface/your_theme/templates/)
These are PHTML files that contain (X)HTML markups and any necessary PHP tags to create logic for visual presentation.
* Skins (located in skin/frontend/your_interface/your_theme/)
These are block-specific Javascript and CSS and image files that compliment your (X)HTML.
In the next post we’ll get close and personal with Magento themes.