Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Magento 2 Theme Localization

387 vues

Publié le

Presentation at Imagine 2013

Publié dans : Ingénierie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Magento 2 Theme Localization

  1. 1. Magento 2 Theme Localization Software Engineer Magento X.commerce, an eBay Inc. company Sergii Shymko
  2. 2. Magento 1.x Design Configuration • Package • Theme • Skin
  3. 3. Magento 2 Design Configuration Package / Theme / Skin Theme
  4. 4. Localization Examples
  5. 5. Simple Example Slogan variations – Default – German (de_DE locale) – Spanish (sp_MX locale) – …
  6. 6. Magento 1.x Locale Configuration Admin Panel
  7. 7. Magento 1.x Locale Configuration Text translated Slogan NOT localized
  8. 8. “example” package Magento 1.x "Localization Skins" • New skin for every locale • Configuration: locale + localized skin “spanish” skin slogan.png “default” theme “default” skin slogan.png
  9. 9. • Localized files in themes • Consistent configuration: locale “example” theme Magento 2 Static Files Localization “sp_MX” locale slogan.png slogan.png
  10. 10. Complex Example Logo – Default – Christmas – New Year – Halloween Slogan – Default – German (de_DE) – Spanish (sp_MX)
  11. 11. Halloween @ Magento Headquarters
  12. 12. ? How to schedule design for holidays?
  13. 13. Magento 1.x Design Change Rules • Custom theme can be specified • Skin with same name used implicitly Package Theme Dates
  14. 14. “default” theme “new_year” theme “new_year” skin logo.png “new_year_de_DE” theme “new_year_de_DE” skin logo.pngslogan.png “new_year_es_MX” theme “new_year_es_MX” skin logo.pngslogan.png “christmas” theme “christmas” skin logo.png “christmas_de_DE” theme “christmas_de_DE” skin logo.pngslogan.png “christmas_es_MX” theme “christmas_es_MX” skin logo.pngslogan.png Magento 1.x Implementation inheritance “german” skin slogan.png “default” skin logo.pngslogan.png “spanish” skin slogan.png
  15. 15. “default” theme “new_year” theme “new_year” skin “new_year_de_DE” theme “new_year_de_DE” skin “new_year_es_MX” theme “new_year_es_MX” skin “christmas” theme “christmas” skin “christmas_de_DE” theme “christmas_de_DE” skin “christmas_es_MX” theme “christmas_es_MX” skin Magento 1.x Implementation inheritance “german” skin “default” skin logo.pngslogan.png “spanish” skin slogan.png slogan.png slogan.png logo.png slogan.png logo.png logo.png slogan.png logo.png logo.png logo.pngslogan.png
  16. 16. Lots of Copy & Paste
  17. 17. Magento 2 Design Change Rules Theme Dates
  18. 18. Magento 2 Theme Inheritance ... Theme N slogan.png 1.png Theme N-1 logo.png slogan.png Inherited file Overridden file New file
  19. 19. Magento 2 Implementation “example” theme logo.png Inheritance slogan.png “de_DE” locale slogan.png “sp_MX” locale slogan.png “christmas” theme logo.png “new_year” theme logo.png “halloween” theme logo.png
  20. 20. Multi-Level Inheritance Example “winter” theme bg.png “example” theme bg.png logo.png “christmas” theme logo.png “new_year” theme logo.png “halloween” theme logo.png
  21. 21. Summary Magento 2 – Design package / Theme / Skin – Single design configuration field – Theme provides localized files – Consistent locale configuration – Unlimited theme inheritance – No static files duplication
  22. 22. Resources Repository github.com/magento/magento2 Documentation wiki.magento.com/display/MAGE2PROJECT wiki.magento.com/display/MAGE2DOC
  23. 23. Q & A Sergii Shymko sshymko@ebay.com sergey@shymko.net

×