I searched the web to find any tutorial which guides step by step to create a custom theme. Basically what I expect is to convert a HTML and CSS code to a Magento theme. But still couldn't find a proper tutorial or a book. Can anyone suggest the relevant resources please?

Thanks in advance.

  • Did you go on Youtube as there is a ton of sruff there! – Tired_Man Apr 28 '14 at 19:59

You can check out the designer guide on this Magento page and also check out this tutorial starting from part 3. (prt 1&2 are installation etc). For me as a backend developer these 2 were very helpful in getting some insight in how templating works.

[EDIT] To implement a static html file to a theme you will first need to define which template or PHTML files hold which parts. For this you can use the Magento Template hints or Aoe TemplateHits (I'd suggest using the last one).

This way you can find the file to put your header in, menus, product blocks etc. Then copy each block that you want to edit from the base/default template folter to your own template and customise them.

In the skins directory of your template copy the styles.css from the default/blank theme as it is a nice start of point from where you can add your own CSS.

I don't know any tutorial that outlines this better but these are basically the steps you need to take.

|improve this answer|||||
  • Thanks for the response. But these doesn't contain practical examples for creating a custom theme. Instead they contains lot of theory which I already know. – Sukeshini Dec 8 '13 at 9:26
  • I've updated my answer – Sander Mangel Dec 8 '13 at 12:19
  • @Su123 did you manage to resolve the issue with the extra info? – Sander Mangel Dec 10 '13 at 13:40
  • 2
    Thanks for the reply and +1, At the same time I found an E-book which guides as I expected. scribd.com/doc/51136713/designing-for-magento – Sukeshini Dec 11 '13 at 4:59

Not the answer you're looking for? Browse other questions tagged or ask your own question.