Meet magento 2011-templating

set the basics right for better templating http://www.ﬂickr.com/photos/unloveable/2396019222Thursday 19 May 2011 (wk )

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 based on default ModernThursday 19 May 2011 (wk )

does file exist in yes package_name/ How stuﬀ 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 )

an existing theme http://www.ﬂickr.com/photos/popilop/331357312Thursday 19 May 2011 (wk )

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 )

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 )

Remove callouts and rarely used stuff Add the local stylesheet your theme starts with local.xmlThursday 19 May 2011 (wk )

not much is changedThursday 19 May 2011 (wk )

earn money with adsense http://www.ﬂickr.com/photos/playerdue/5285272605/Thursday 19 May 2011 (wk )

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 2011 (wk )

this is base/default/layout/catalog.xml don’t edit this ﬁle only copy this handle to local.xmlThursday 19 May 2011 (wk )

only change what needs to be changed call for your adsense scriptThursday 19 May 2011 (wk )

newly created file in newly created directory in yourtheme create your .phtml ﬁleThursday 19 May 2011 (wk )

and you’re doneThursday 19 May 2011 (wk )

timesaver http://www.ﬂickr.com/photos/maigh/2141921845Thursday 19 May 2011 (wk )

Magento backend goto System >> Conﬁguration goto Developer change Scope expand Debug set Template Path Hints to Yes save Conﬁg (clean Cache) Magento frontend refresh pageThursday 19 May 2011 (wk )

Magento backend goto System >> Conﬁguration goto Developer change Scope expand Debug set Template Path Hints to No save Conﬁg (clean Cache) Magento frontend refresh pageThursday 19 May 2011 (wk )

http://bit.ly/DeveloperToolbarThursday 19 May 2011 (wk )

find the extension key use it to install done I’m a UNIX geek fond of SSHThursday 19 May 2011 (wk )

enabled by default scroll down to DeveloperThursday 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.ﬂickr.com/photos/farruska/208926935Thursday 19 May 2011 (wk )

do not forget to activateThursday 19 May 2011 (wk )

http://www.ﬂickr.com/photos/andrec/2893549851Thursday 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/ template/catalog/navigation/top.phtmlThursday 19 May 2011 (wk )

DONE!!Thursday 19 May 2011 (wk )

http://www.ﬂickr.com/photos/boklm/486678763Thursday 19 May 2011 (wk )

call for static block in backend app/design/frontend/default/yourtheme/ template/catalog/navigation/top.phtmlThursday 19 May 2011 (wk )

create new static blockThursday 19 May 2011 (wk )

{{store direct_url="loremipsum"}}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/ layout/local.xmlThursday 19 May 2011 (wk )

DONE!!Thursday 19 May 2011 (wk )

see you at Magento Competence Center magento-competence-center.com hans2103 yireo jiraict http://slideshare.net/hans2103 http://www.ﬂickr.com/photos/trasimac/1217071176Thursday 19 May 2011 (wk )

http://www.jira.nl	198
http://paper.li	2
http://translate.googleusercontent.com	1

Meet magento 2011-templating

by Hans Kuijpers on May 19, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 201

Statistics

Meet magento 2011-templating — Presentation Transcript