Magento20100313

2,143 views
2,054 views

Published on

OSC2010Kansai@Kobeで使用したMagentoのデザインカスタマイズ資料です

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,143
On SlideShare
0
From Embeds
0
Number of Embeds
349
Actions
Shares
0
Downloads
29
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Magento20100313

  1. 1. Magento 2010/03/13 Magento-JP User Group 2010 3 14
  2. 2. • • Magento • Twitter@hirokazu_nishi 2010 3 14
  3. 3. • Magento • Magento • XML • Block • • Tips 2010 3 14
  4. 4. Magento 2010 3 14
  5. 5. app code core community local design frontend adminhtml etc locale lib js javascript skin frontend adminhtml 2010 3 14
  6. 6. 2010 3 14
  7. 7. design frontend default default layout XML locale template foo bar 2010 3 14
  8. 8. design frontend default default layout XML locale template foo bar 2010 3 14
  9. 9. design frontend default default layout XML locale template foo bar 2010 3 14
  10. 10. Magento 2010 3 14
  11. 11. • • • 2010 3 14
  12. 12. -Scalena News- 2010 3 14
  13. 13. <?php $collection = $this->getItems(3); ?> <?php if ( count($collection) == 0 ) : ?> <p><?php echo $this->__('No news yet...'); ?></p> <?php else : ?> <dl> <?php foreach ( $collection as $_item ) : ?> <dt><a href="<?php echo Mage::helper('snews')->getUrl($_item['identifier']); ?>"><?php echo $_item['title']; ?></a></dt> <dd><?php echo $_item['date']; ?></dd> <dd> <?php if ( Mage::helper('snews')->getListLimitDescription() == 0 || strlen($_item ['description']) < Mage::helper('snews')->getListLimitDescription() ) : ?> <?php echo $_item['description']; ?> <?php else : ?> <?php echo substr($_item['description'], 0, Mage::helper('snews')- >getListLimitDescription()); ?>... <?php endif; ?> </dd> <dd><a href="<?php echo Mage::helper('snews')->getUrl($_item['identifier']); ?>"><?php echo $this->__('Learn more...'); ?></a></dd> <?php endforeach; ?> </dl> <?php endif; ?> 2010 3 14
  14. 14. • if endif; • foreach endforeach; • $this->hogehoge • PHP 2010 3 14
  15. 15. • • XML 2010 3 14
  16. 16. • page • • 2010 3 14
  17. 17. XML 2010 3 14
  18. 18. XML • XML • • • XML 2010 3 14
  19. 19. 2010 3 14
  20. 20. 2010 3 14
  21. 21. XML 2010 3 14
  22. 22. XML -Scalena News- 2010 3 14
  23. 23. <?xml version="1.0"?> <layout version="0.1.0"> ! <default> ! ! <!-- ! ! <reference name="right"> ! ! ! <block type="snews/block" name="snews.block" as="newsBlock" template="scalena/ news/block.phtml"/> ! ! </reference> ! ! --> ! </default> ! <snews_index_index> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/items" name="snews.news" template="scalena/news/ news.phtml"> ! <block type="snews/pagination" name="snews.pagination" as="pagination" template="scalena/news/pagination.phtml"/> </block> </reference> </snews_index_index> <snews_index_view> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/item" name="snews.detail" template="scalena/news/news- detail.phtml" /> </reference> </snews_index_view> </layout> 2010 3 14
  24. 24. • block • reference • action • remove 2010 3 14
  25. 25. block • • • <block type=”foo” name=”foo” template=”foo.phtml” /> 2010 3 14
  26. 26. <?xml version="1.0"?> <layout version="0.1.0"> ! <default> ! ! <!-- ! ! <reference name="right"> ! ! ! <block type="snews/block" name="snews.block" as="newsBlock" template="scalena/ news/block.phtml"/> ! ! </reference> ! ! --> ! </default> ! <snews_index_index> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/items" name="snews.news" template="scalena/news/ news.phtml"> ! <block type="snews/pagination" name="snews.pagination" as="pagination" template="scalena/news/pagination.phtml"/> </block> </reference> </snews_index_index> <snews_index_view> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/item" name="snews.detail" template="scalena/news/news- detail.phtml" /> </reference> </snews_index_view> </layout> 2010 3 14
  27. 27. reference • name=”foo” • <reference name=”foo”> 2010 3 14
  28. 28. <?xml version="1.0"?> <layout version="0.1.0"> ! <default> ! ! <!-- ! ! <reference name="right"> ! ! ! <block type="snews/block" name="snews.block" as="newsBlock" template="scalena/ news/block.phtml"/> ! ! </reference> ! ! --> ! </default> ! <snews_index_index> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/items" name="snews.news" template="scalena/news/ news.phtml"> ! <block type="snews/pagination" name="snews.pagination" as="pagination" template="scalena/news/pagination.phtml"/> </block> </reference> </snews_index_index> <snews_index_view> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/item" name="snews.detail" template="scalena/news/news- detail.phtml" /> </reference> </snews_index_view> </layout> 2010 3 14
  29. 29. action • block • block • • <action method=”foo”> </ action> 2010 3 14
  30. 30. <?xml version="1.0"?> <layout version="0.1.0"> ! <default> ! ! <!-- ! ! <reference name="right"> ! ! ! <block type="snews/block" name="snews.block" as="newsBlock" template="scalena/ news/block.phtml"/> ! ! </reference> ! ! --> ! </default> ! <snews_index_index> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/items" name="snews.news" template="scalena/news/ news.phtml"> ! <block type="snews/pagination" name="snews.pagination" as="pagination" template="scalena/news/pagination.phtml"/> </block> </reference> </snews_index_index> <snews_index_view> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/item" name="snews.detail" template="scalena/news/news- detail.phtml" /> </reference> </snews_index_view> </layout> 2010 3 14
  31. 31. remove • • <remove name=”foo”/> • 2010 3 14
  32. 32. • CMS • • • XML 2010 3 14
  33. 33. Block 2010 3 14
  34. 34. Block • XML block • .phtml • XML public • XML 2010 3 14
  35. 35. Block <block type="foo/foo" name="foo.foo"> <block type="foo/bar" name="foo.bar" as="bar"/> </block> 2010 3 14
  36. 36. • $this->getChildHtml(‘foo’); • 2010 3 14
  37. 37. • Mage_Core_Model_Layout createBlock • core grep • XML 2010 3 14
  38. 38. • CMS XML • • Free_CMS 2010 3 14
  39. 39. • 1.3 {{block type=”cms/block” block_id=”hoge” template=”cms/content.phtml”}} • 1.4 {{widget type="cms/widget_block" template="cms/widget/static_block/ default.phtml" block_id="5"}} 2010 3 14
  40. 40. • <block type=”cms/block” name=”hoge” (before|after)=”foo”> <action method=”setBlockId”> hoge </action> </block> 2010 3 14
  41. 41. 2010 3 14
  42. 42. • HTML • JS CSS • 2010 3 14
  43. 43. • OK • • CSS JS 2010 3 14
  44. 44. Tips 2010 3 14
  45. 45. <remove name=”breadcrumbs” /> <reference name=”breadcrumbs”> <action method=”addCrumnb”> <label>home</label> <params> <label>home</label> <title> </title> <link>home</link> <first>true</first> </params> </action> <action method=”addCrumnb”> <label>foofoo</label> <params> <label> </label> <title> </title> <link/> <last>true</last> </params> </action> </reference> 2010 3 14
  46. 46. <reference name=”top.links”> <action method=”addLink” translate=”label title” module=”customer”> <label> </label> <url>/hogehoge</url> <title> </title> <prepare/> <urlParams/> <position>90</position> </action> <action method=”addLink” translate=”label title” module=”customer”> <label> </label> <url>/fugefuge</url> <title> </title> <prepare/> <urlParams/> <position>100</position> </action> </reference> 2010 3 14
  47. 47. 2010 3 14

×