Meet magento 2011-templating
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Meet magento 2011-templating

  • 3,276 views
Uploaded on

Magento templating explained during MeetMagento.nl 2011...

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

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,276
On Slideshare
3,020
From Embeds
256
Number of Embeds
5

Actions

Shares
Downloads
118
Comments
0
Likes
6

Embeds 256

http://www.jira.nl 251
http://paper.li 2
http://translate.googleusercontent.com 1
http://www.xcommerce.nu 1
http://dev.jira.nl 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. set the basics right for better templating http://www.flickr.com/photos/unloveable/2396019222Thursday 19 May 2011 (wk )
  • 2. boring stuff first http://www.flickr.com/photos/swiv/5719738832Thursday 19 May 2011 (wk )
  • 3. endless possibilitiesThursday 19 May 2011 (wk )
  • 4. temporary design changeThursday 19 May 2011 (wk )
  • 5. set your theme based on default MagentoThursday 19 May 2011 (wk )
  • 6. first fallback set your theme based on default ModernThursday 19 May 2011 (wk )
  • 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. an existing theme http://www.flickr.com/photos/popilop/331357312Thursday 19 May 2011 (wk )
  • 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. 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. Remove callouts and rarely used stuff Add the local stylesheet your theme starts with local.xmlThursday 19 May 2011 (wk )
  • 12. not much is changedThursday 19 May 2011 (wk )
  • 13. earn money with adsense http://www.flickr.com/photos/playerdue/5285272605/Thursday 19 May 2011 (wk )
  • 14. Thursday 19 May 2011 (wk )
  • 15. http://www.adsense-generator.comThursday 19 May 2011 (wk )
  • 16. set both to yes scroll down to DeveloperThursday 19 May 2011 (wk )
  • 17. referral to catalog.xmlThursday 19 May 2011 (wk )
  • 18. almost every time the same .xml referral to catalog.xmlThursday 19 May 2011 (wk )
  • 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. only change what needs to be changed call for your adsense scriptThursday 19 May 2011 (wk )
  • 21. newly created file in newly created directory in yourtheme create your .phtml fileThursday 19 May 2011 (wk )
  • 22. and you’re doneThursday 19 May 2011 (wk )
  • 23. timesaver http://www.flickr.com/photos/maigh/2141921845Thursday 19 May 2011 (wk )
  • 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. 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. http://bit.ly/DeveloperToolbarThursday 19 May 2011 (wk )
  • 27. find the extension key use it to install done I’m a UNIX geek fond of SSHThursday 19 May 2011 (wk )
  • 28. enabled by default scroll down to DeveloperThursday 19 May 2011 (wk )
  • 29. click and goThursday 19 May 2011 (wk )
  • 30. click and goThursday 19 May 2011 (wk )
  • 31. from the book: “I always get my sin” a child can do the laundryThursday 19 May 2011 (wk )
  • 32. add more four ways to add a link http://www.flickr.com/photos/farruska/208926935Thursday 19 May 2011 (wk )
  • 33. Thursday 19 May 2011 (wk )
  • 34. do not forget to activateThursday 19 May 2011 (wk )
  • 35. Thursday 19 May 2011 (wk )
  • 36. http://www.flickr.com/photos/andrec/2893549851Thursday 19 May 2011 (wk )
  • 37. Thursday 19 May 2011 (wk )
  • 38. a call for a template file app/design/frontend/base/layout/catalog.xmlThursday 19 May 2011 (wk )
  • 39. URL key from CMS page app/design/frontend/default/yourtheme/ template/catalog/navigation/top.phtmlThursday 19 May 2011 (wk )
  • 40. DONE!!Thursday 19 May 2011 (wk )
  • 41. http://www.flickr.com/photos/boklm/486678763Thursday 19 May 2011 (wk )
  • 42. Thursday 19 May 2011 (wk )
  • 43. call for static block in backend app/design/frontend/default/yourtheme/ template/catalog/navigation/top.phtmlThursday 19 May 2011 (wk )
  • 44. create new static blockThursday 19 May 2011 (wk )
  • 45. {{store direct_url="loremipsum"}}Thursday 19 May 2011 (wk )
  • 46. http://www.flickr.com/photos/boklm/486646798Thursday 19 May 2011 (wk )
  • 47. Thursday 19 May 2011 (wk )
  • 48. no call for a template file app/design/frontend/base/layout/page.xmlThursday 19 May 2011 (wk )
  • 49. URL key from CMS page app/design/frontend/default/yourtheme/ layout/local.xmlThursday 19 May 2011 (wk )
  • 50. DONE!!Thursday 19 May 2011 (wk )
  • 51. http://www.flickr.com/photos/boklm/486676439Thursday 19 May 2011 (wk )
  • 52. Thursday 19 May 2011 (wk )
  • 53. Thursday 19 May 2011 (wk )
  • 54. Thursday 19 May 2011 (wk )
  • 55. Thursday 19 May 2011 (wk )
  • 56. Thursday 19 May 2011 (wk )
  • 57. Thursday 19 May 2011 (wk )
  • 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 )