Magento 2 Theme Localization
- 2. Magento 2 Theme Localization Software Engineer Magento X.commerce, an eBay Inc. company Sergii Shymko
- 3. Magento 1.x Design Configuration • Package • Theme • Skin
- 4. Magento 2 Design Configuration Package / Theme / Skin Theme
- 6. Simple Example Slogan variations – Default – German (de_DE locale) – Spanish (sp_MX locale) – …
- 7. Magento 1.x Locale Configuration Admin Panel
- 8. Magento 1.x Locale Configuration Text translated Slogan NOT localized
- 9. “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
- 10. • Localized files in themes • Consistent configuration: locale “example” theme Magento 2 Static Files Localization “sp_MX” locale slogan.png slogan.png
- 11. Complex Example Logo – Default – Christmas – New Year – Halloween Slogan – Default – German (de_DE) – Spanish (sp_MX)
- 12. Halloween @ Magento Headquarters
- 13. ? How to schedule design for holidays?
- 14. Magento 1.x Design Change Rules • Custom theme can be specified • Skin with same name used implicitly Package Theme Dates
- 15. “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
- 16. “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
- 17. Lots of Copy & Paste
- 18. Magento 2 Design Change Rules Theme Dates
- 19. Magento 2 Theme Inheritance ... Theme N slogan.png 1.png Theme N-1 logo.png slogan.png Inherited file Overridden file New file
- 20. 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
- 21. 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
- 22. 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
- 24. Q & A Sergii Shymko sshymko@ebay.com sergey@shymko.net