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

Thank your for me install Apparel Store PrestaShop Theme 58967,now my site work fineSmile.

--- Lindan

Спасибо за ваш шаблон будет сделано быстро, чтобы уменьшить мою работу это!

--- Mlidf

Obrigado por seu modelo para reduzir minha força de trabalho, melhorar a eficiência, muito bom!!

--- Defiyi

Your help is ok,I like your site,like your templates.I want to buy many templates at your site.Cool

--- Nananli

Thank you help me resolved some web templates issues,I am very happy now.

--- SUFI

내 상사는 내가 템플릿 때문에 높은 품질, 합리적인 가격 8 템플릿을 구매해야했다.

---Mike Din

 

 

 

Related

You are here: Magento Tutorial