Meet magento 2011-templating

3,181 views
3,050 views

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
3,181
On SlideShare
0
From Embeds
0
Number of Embeds
268
Actions
Shares
0
Downloads
119
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

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 )

×