set the basics right                             for better templating                             http://www.flickr.com/ph...
boring stuff first                             http://www.flickr.com/photos/swiv/5719738832Thursday 19 May 2011 (wk )
endless possibilitiesThursday 19 May 2011 (wk )
temporary design changeThursday 19 May 2011 (wk )
set your theme                             based on default MagentoThursday 19 May 2011 (wk )
first fallback                                                       set your theme                                       ...
does file exist in   yes                             package_name/                      How stuff works                    ...
an existing theme                             http://www.flickr.com/photos/popilop/331357312Thursday 19 May 2011 (wk )
create your own                       Page generation xml instructions                                             for eac...
a well coded theme   should have to following traits          • a single layout file, named local.xml, where all           ...
Remove callouts and rarely used stuff                             Add the local stylesheet                                ...
not much is changedThursday 19 May 2011 (wk )
earn money with adsense                                  http://www.flickr.com/photos/playerdue/5285272605/Thursday 19 May ...
Thursday 19 May 2011 (wk )
http://www.adsense-generator.comThursday 19 May 2011 (wk )
set both to yes                                               scroll down to DeveloperThursday 19 May 2011 (wk )
referral to catalog.xmlThursday 19 May 2011 (wk )
almost every time the same .xml                                                 referral to catalog.xmlThursday 19 May 201...
this is base/default/layout/catalog.xml                                                                  don’t edit this fi...
only change                              what needs to be changed                             call for your adsense script...
newly created file                             in newly created directory                             in yourtheme        ...
and you’re doneThursday 19 May 2011 (wk )
timesaver                             http://www.flickr.com/photos/maigh/2141921845Thursday 19 May 2011 (wk )
Magento backend                             goto System >> Configuration                                            goto De...
Magento backend                             goto System >> Configuration                                           goto Dev...
http://bit.ly/DeveloperToolbarThursday 19 May 2011 (wk )
find the extension key                                    use it to install                                             do...
enabled by default                                            scroll down to DeveloperThursday 19 May 2011 (wk )
click and goThursday 19 May 2011 (wk )
click and goThursday 19 May 2011 (wk )
from the book: “I always get my sin”      a child can do the laundryThursday 19 May 2011 (wk )
add more                             four ways to add a link                                 http://www.flickr.com/photos/f...
Thursday 19 May 2011 (wk )
do not forget to activateThursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
http://www.flickr.com/photos/andrec/2893549851Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
a call for a template file     app/design/frontend/base/layout/catalog.xmlThursday 19 May 2011 (wk )
URL key from CMS page                             app/design/frontend/default/yourtheme/                              temp...
DONE!!Thursday 19 May 2011 (wk )
http://www.flickr.com/photos/boklm/486678763Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
call for static block in backend                             app/design/frontend/default/yourtheme/                       ...
create new static blockThursday 19 May 2011 (wk )
{{store direct_url="loremipsum"}}Thursday 19 May 2011 (wk )
http://www.flickr.com/photos/boklm/486646798Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
no call for a template file         app/design/frontend/base/layout/page.xmlThursday 19 May 2011 (wk )
URL key from CMS page                             app/design/frontend/default/yourtheme/                                  ...
DONE!!Thursday 19 May 2011 (wk )
http://www.flickr.com/photos/boklm/486676439Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
Thursday 19 May 2011 (wk )
see you at Magento Competence Center                             magento-competence-center.com     hans2103     yireo     ...
Upcoming SlideShare
Loading in...5
×

Meet magento 2011-templating

2,898

Published on

Magento templating explained during MeetMagento.nl 2011
Do not duplicate an existing theme!

Published in: Business
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,898
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
119
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Transcript of "Meet magento 2011-templating"

  1. 1. set the basics right for better templating http://www.flickr.com/photos/unloveable/2396019222Thursday 19 May 2011 (wk )
  2. 2. boring stuff first http://www.flickr.com/photos/swiv/5719738832Thursday 19 May 2011 (wk )
  3. 3. endless possibilitiesThursday 19 May 2011 (wk )
  4. 4. temporary design changeThursday 19 May 2011 (wk )
  5. 5. set your theme based on default MagentoThursday 19 May 2011 (wk )
  6. 6. first fallback set your theme based on default ModernThursday 19 May 2011 (wk )
  7. 7. does file exist in yes package_name/ How stuff works theme_name/ Magento fall-back logic no does file exist in yes package_name/ display default/ no does file exist in yes base/ default/ no rendering errorThursday 19 May 2011 (wk )
  8. 8. an existing theme http://www.flickr.com/photos/popilop/331357312Thursday 19 May 2011 (wk )
  9. 9. create your own Page generation xml instructions for each module app/design/frontend/default/yourtheme/layout app/design/frontend/default/yourtheme/template Content block .phtml files for each module skin/frontend/default/yourtheme/css skin/frontend/default/yourtheme/images Visual layout info and files & UI-specific JavascriptThursday 19 May 2011 (wk )
  10. 10. a well coded theme should have to following traits • a single layout file, named local.xml, where all layout updates are placed. • no layout files with the same name as any layout file in the base theme • no css files with the same name as any css file in the default skin create local.css • no .phtml template files, except for those that were modified to support the new theme. usually this number will be very smallThursday 19 May 2011 (wk )
  11. 11. Remove callouts and rarely used stuff Add the local stylesheet your theme starts with local.xmlThursday 19 May 2011 (wk )
  12. 12. not much is changedThursday 19 May 2011 (wk )
  13. 13. earn money with adsense http://www.flickr.com/photos/playerdue/5285272605/Thursday 19 May 2011 (wk )
  14. 14. Thursday 19 May 2011 (wk )
  15. 15. http://www.adsense-generator.comThursday 19 May 2011 (wk )
  16. 16. set both to yes scroll down to DeveloperThursday 19 May 2011 (wk )
  17. 17. referral to catalog.xmlThursday 19 May 2011 (wk )
  18. 18. almost every time the same .xml referral to catalog.xmlThursday 19 May 2011 (wk )
  19. 19. this is base/default/layout/catalog.xml don’t edit this file only copy this handle to local.xmlThursday 19 May 2011 (wk )
  20. 20. only change what needs to be changed call for your adsense scriptThursday 19 May 2011 (wk )
  21. 21. newly created file in newly created directory in yourtheme create your .phtml fileThursday 19 May 2011 (wk )
  22. 22. and you’re doneThursday 19 May 2011 (wk )
  23. 23. timesaver http://www.flickr.com/photos/maigh/2141921845Thursday 19 May 2011 (wk )
  24. 24. Magento backend goto System >> Configuration goto Developer change Scope expand Debug set Template Path Hints to Yes save Config (clean Cache) Magento frontend refresh pageThursday 19 May 2011 (wk )
  25. 25. Magento backend goto System >> Configuration goto Developer change Scope expand Debug set Template Path Hints to No save Config (clean Cache) Magento frontend refresh pageThursday 19 May 2011 (wk )
  26. 26. http://bit.ly/DeveloperToolbarThursday 19 May 2011 (wk )
  27. 27. find the extension key use it to install done I’m a UNIX geek fond of SSHThursday 19 May 2011 (wk )
  28. 28. enabled by default scroll down to DeveloperThursday 19 May 2011 (wk )
  29. 29. click and goThursday 19 May 2011 (wk )
  30. 30. click and goThursday 19 May 2011 (wk )
  31. 31. from the book: “I always get my sin” a child can do the laundryThursday 19 May 2011 (wk )
  32. 32. add more four ways to add a link http://www.flickr.com/photos/farruska/208926935Thursday 19 May 2011 (wk )
  33. 33. Thursday 19 May 2011 (wk )
  34. 34. do not forget to activateThursday 19 May 2011 (wk )
  35. 35. Thursday 19 May 2011 (wk )
  36. 36. http://www.flickr.com/photos/andrec/2893549851Thursday 19 May 2011 (wk )
  37. 37. Thursday 19 May 2011 (wk )
  38. 38. a call for a template file app/design/frontend/base/layout/catalog.xmlThursday 19 May 2011 (wk )
  39. 39. URL key from CMS page app/design/frontend/default/yourtheme/ template/catalog/navigation/top.phtmlThursday 19 May 2011 (wk )
  40. 40. DONE!!Thursday 19 May 2011 (wk )
  41. 41. http://www.flickr.com/photos/boklm/486678763Thursday 19 May 2011 (wk )
  42. 42. Thursday 19 May 2011 (wk )
  43. 43. call for static block in backend app/design/frontend/default/yourtheme/ template/catalog/navigation/top.phtmlThursday 19 May 2011 (wk )
  44. 44. create new static blockThursday 19 May 2011 (wk )
  45. 45. {{store direct_url="loremipsum"}}Thursday 19 May 2011 (wk )
  46. 46. http://www.flickr.com/photos/boklm/486646798Thursday 19 May 2011 (wk )
  47. 47. Thursday 19 May 2011 (wk )
  48. 48. no call for a template file app/design/frontend/base/layout/page.xmlThursday 19 May 2011 (wk )
  49. 49. URL key from CMS page app/design/frontend/default/yourtheme/ layout/local.xmlThursday 19 May 2011 (wk )
  50. 50. DONE!!Thursday 19 May 2011 (wk )
  51. 51. http://www.flickr.com/photos/boklm/486676439Thursday 19 May 2011 (wk )
  52. 52. Thursday 19 May 2011 (wk )
  53. 53. Thursday 19 May 2011 (wk )
  54. 54. Thursday 19 May 2011 (wk )
  55. 55. Thursday 19 May 2011 (wk )
  56. 56. Thursday 19 May 2011 (wk )
  57. 57. Thursday 19 May 2011 (wk )
  58. 58. see you at Magento Competence Center magento-competence-center.com hans2103 yireo jiraict http://slideshare.net/hans2103 http://www.flickr.com/photos/trasimac/1217071176Thursday 19 May 2011 (wk )
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×