Créer et intégrer son thème PrestaShop Create and integrate your PrestaShop template Lucas Cherifi & NewQuest

1. Créer et intégrer son thème PrestaShopCreate and integrate a PrestaShopTheme

2. But : cadre pour structurerune application : séparation entre les données, la présentation et les traitements Goal : Design Pattern to structure an application : data, presentation and processseparation Avantage du MVC pour l'intégrateur : Clarté de l'architecturequ'il impose Les modifications techniques de base de données ne changentrien à la vue. MVC benefits for front developers : Simplicity of its architecture The technical changes in the databasedoes not alter the view 1- Structure MVC – Présentation1- MVC design pattern - Introduction

4. View: interface with which the user interacts

5. Controller : receives all the events of the user and initiates actions to perform1- Structure MVC – Composition 1- MVC design pattern - Composition

6. 1- Structure MVC – Dans Prestashop1- Structure MVC – For Prestashop

8. Les images

9. Les Scripts JavaScript

10. Les feuilles de styles CSS

11. Les fichiers de traductions

12. HTML pages

13. Images

14. JavaScript scripts

15. CSS Stylesheets

16. Translation files2- Composition d’un thème (la Vue)2- Thème makeup (the view)

18. item, iteration, first, last

19. Code plus léger

20. Chaining

21. “foreach” more powerful :

22. item, iteration, first, last

23. Liter code

24. Chaining3- Pourquoi Smarty ?3- Pourquoi Smarty ?

25. Utiliser les sprites Surcharger les modules Abandonner la classite Respecter les normes W3C Use of « sprites » Modules overriding Giving up the intensive use of « css classes » Respect of W3C norms 4- Les bonnes pratiques4- Best practices

27. 6- Démonstration en live 6- Live demonstration