Magento Theme - set the basics right - mm12nl
Upcoming SlideShare
Loading in...5
×
 

Magento Theme - set the basics right - mm12nl

on

  • 5,972 views

Magento theming - a presentation about how to create magento themes. Given during Meet Magento 2012

Magento theming - a presentation about how to create magento themes. Given during Meet Magento 2012

Statistics

Views

Total Views
5,972
Views on SlideShare
5,636
Embed Views
336

Actions

Likes
0
Downloads
40
Comments
2

5 Embeds 336

http://www.byte.nl 183
http://storify.com 143
https://twimg0-a.akamaihd.net 8
https://si0.twimg.com 1
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Magento Theme - set the basics right - mm12nl Magento Theme - set the basics right - mm12nl Presentation Transcript

  • set the basics right for better pasta twitter: hans2103 Peter OggWednesday, 30 May, 2012
  • boring stuff first http://www.flickr.com/photos/swiv/5719738832Wednesday, 30 May, 2012
  • endless possibilitiesWednesday, 30 May, 2012
  • temporary design changeWednesday, 30 May, 2012
  • set your theme based on default MagentoWednesday, 30 May, 2012
  • first fallback set your theme based on default ModernWednesday, 30 May, 2012
  • 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 errorWednesday, 30 May, 2012
  • default defaultWednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • non-defaultWednesday, 30 May, 2012
  • blueWednesday, 30 May, 2012
  • defaultWednesday, 30 May, 2012
  • blueWednesday, 30 May, 2012
  • 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 errorWednesday, 30 May, 2012
  • an existing theme http://www.flickr.com/photos/popilop/331357312Wednesday, 30 May, 2012
  • create your own Page generation xml instructions for each module app/design/frontend/yourpackage/yourtheme/layout app/design/frontend/yourpackage/yourtheme/template Content block .phtml files for each module skin/frontend/yourpackage/yourtheme/css skin/frontend/yourpackage/yourtheme/images Visual layout info and files & UI-specific JavascriptWednesday, 30 May, 2012
  • 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 smallWednesday, 30 May, 2012
  • Remove callouts and rarely used stuff Add the local stylesheet your theme starts with local.xmlWednesday, 30 May, 2012
  • not much is changedWednesday, 30 May, 2012
  • prevent unwanted indexation like Sitemap, Search Results and more add more to your with local.xml thanks to Joachim HoutmanWednesday, 30 May, 2012
  • timesaver http://www.flickr.com/photos/maigh/2141921845Wednesday, 30 May, 2012
  • Magento backend goto System >> Configuration goto Developer change Scope expand Debug set Template Path Hints to Yes save Config (clean Cache) Magento frontend refresh pageWednesday, 30 May, 2012
  • Magento backend goto System >> Configuration goto Developer change Scope expand Debug set Template Path Hints to No save Config (clean Cache) Magento frontend refresh pageWednesday, 30 May, 2012
  • also M1.7 http://bit.ly/DeveloperToolbarWednesday, 30 May, 2012
  • find the extension key use it to install done I’m a UNIX geek fond of SSHWednesday, 30 May, 2012
  • enabled by default scroll down to DeveloperWednesday, 30 May, 2012
  • click and goWednesday, 30 May, 2012
  • click and goWednesday, 30 May, 2012
  • from the book: “I always get my sin” a child can do the laundryWednesday, 30 May, 2012
  • be aware http://yourmagentosite.com/developertoolbar/ index/hints/enabled/1/type/front/ more serious http://yourmagentosite.com/ developertoolbar/index/url/enabled/1/ broken links all over the place!Wednesday, 30 May, 2012
  • analytics http://www.flickr.com/photos/playerdue/5285272605/Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • frontend/base/default/template/ catalog/layer/filter.phtmlWednesday, 30 May, 2012
  • add _gaq.push onClick important to strip html tagsWednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • see results in Google AnalyticsWednesday, 30 May, 2012
  • add more four ways to add a link http://www.flickr.com/photos/farruska/208926935Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • do not forget to activateWednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • http://www.flickr.com/photos/andrec/2893549851Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • Lorem IpsumWednesday, 30 May, 2012
  • M 1.7 <Wednesday, 30 May, 2012
  • M 1.7 < a call for a template file app/design/frontend/base/layout/catalog.xmlWednesday, 30 May, 2012
  • URL key from CMS page app/design/frontend/yourpackage/yourtheme/ template/catalog/navigation/top.phtmlWednesday, 30 May, 2012
  • M 1.7Wednesday, 30 May, 2012
  • M 1.7 a call for a template file app/design/frontend/base/layout/page.xmlWednesday, 30 May, 2012
  • URL key from CMS page app/design/frontend/yourpackage/yourtheme/ template/page/html/topmenu.phtmlWednesday, 30 May, 2012
  • DONE!!Wednesday, 30 May, 2012
  • http://www.flickr.com/photos/boklm/486678763Wednesday, 30 May, 2012
  • M 1.7Wednesday, 30 May, 2012
  • M 1.7 call for static block in backend app/design/frontend/yourpackage/ yourtheme/template/page/html/Wednesday, 30 May, 2012
  • M 1.7 create new static blockWednesday, 30 May, 2012
  • M 1.7 {{store direct_url="loremipsum"}}Wednesday, 30 May, 2012
  • DONE!!Wednesday, 30 May, 2012
  • http://www.flickr.com/photos/boklm/486646798Wednesday, 30 May, 2012
  • M 1.7Wednesday, 30 May, 2012
  • no call for a template file app/design/frontend/base/layout/page.xmlWednesday, 30 May, 2012
  • URL key from CMS page app/design/frontend/yourpackage/ yourtheme/layout/local.xmlWednesday, 30 May, 2012
  • DONE!!Wednesday, 30 May, 2012
  • http://www.flickr.com/photos/boklm/486676439Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • Wednesday, 30 May, 2012
  • thank your for your time http://about.me/hans2103 hans2103 http://slideshare.net/hans2103 http://www.flickr.com/photos/trasimac/1217071176Wednesday, 30 May, 2012