Magento Tutorial

How Magento Does Themes Different from Others

E-mail Print PDF

The term ‘theme’ probably sounds to you a familiar ring. Either as an audience, a creator, or both, you’ve experienced the sea of available web applications options via its themes. A theme has largely two types of users – First, the audience–type who experiences it from the aesthetical and usability standpoint by browsing through a store – And second, the creator–type who goes through an additional layer of the theme experience by taking part in building the theme.

How to Create a Magento Theme

E-mail Print PDF

Let's first unveil some directories to get you going. Open the following directories in your Magento root and do get nosy:

  • 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 block-specific Javascripts.

Assigning Magento Interface and Theme to the Store

E-mail Print PDF

Now that you’ve created your own theme (whether a default or a non-default), you’ll need to assign it to your website/store in order for it to take effect. Navigate to the Magento admin panel (ie.www.mydomain.com/admin), then the Design configuration tab (System -> Configuration -> Design tab).

Make Multiple Magento Themes

E-mail Print PDF

Note: Capacity for unlimited themes will become available with the upcoming releases. Although at the time of writing only two themes can be loaded at once, the workings behind the scenes remain the same and you will benefit from this documentation.

Building Your Magento Theme

E-mail Print PDF

Magento is built on a fully modular model that transfers to unlimited scalability and flexibility for your store. By nature of the application, this approach to programming is mirrored in the way you will develop themes for your store. In this chapter, we will explore what that means for you and exactly how to go about developing a theme for your store with Magento.

Step by Step Guide to Build a Magento Theme

E-mail Print PDF

Here’re the full list of tools Magento gives you to build your themes:

  1. Templates
  2. Layouts
  3. Blocks
  4. Skins (images, CSS and block-specific Javascript)

Structure of Magento Themes

E-mail Print PDF

A theme is any combination of layout, template, locale 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:

Magento Template System

E-mail Print PDF

The template system in Magento is pretty controversial. The choice of using regular PHP for the templating language has caught some criticism froma fewusers. But, the choice of regular PHPhas notmade the templating system simple or under-powered, not by a long shot. This has to be the most flexible and advanced templating system that this author has ever seen (in PHP).

Testimonials

Excelente servicio y diseños fantásticos, las mejores plantillas en Internet. Hacerlo mejor.

--- Ricardo

Šī ir trešā reize man ir iegādājušies veidni šeit. Būs nopirkt vairāk.

--- Talbot

Je hebt mijn een hoop geld en tijd om een website te bouwen. Bedankt.

--- Mattias

Εσείς είστε πολύ χρήσιμη για οποιαδήποτε ερώτηση. Είναι τόσο ευτυχής να αγοράσει ένα θέμα ιστοσελίδα εδώ.

--- Nicholas

Thank you very much, that's it! i spent hours reading java and php code and it was that simple.. Keep up the good work.

--- Amar

 

Related

You are here: Magento Tutorial