6

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.

1
  • Did you go on Youtube as there is a ton of sruff there!
    – Tired_Man
    Commented Apr 28, 2014 at 19:59

1 Answer 1

3

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.

4
  • 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
    Commented Dec 8, 2013 at 9:26
  • I've updated my answer Commented Dec 8, 2013 at 12:19
  • @Su123 did you manage to resolve the issue with the extra info? Commented Dec 10, 2013 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
    Commented Dec 11, 2013 at 4:59

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