Créer et intégrer son thème PrestaShopCreate and integrate a PrestaShopTheme<br />
But : cadre pour structurerune application : séparation entre les données, la présentation et les traitements<br />Goal : ...
Découpe du site internet en trois parties distinctes :<br /><ul><li>Le modèle (model) : Comportement de l'application : tr...
View: interface with which the user interacts
Controller : receives all the events of the user and initiates actions to perform</li></ul>1- Structure MVC – Composition ...
1- Structure MVC – Dans Prestashop1- Structure MVC – For Prestashop<br />
<ul><li>Les pages HTML
Les images
Les Scripts JavaScript
Upcoming SlideShare
Loading in …5
×

Créer et intégrer son thème PrestaShop

24,116 views

Published on

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

Published in: Business, Technology
2 Comments
7 Likes
Statistics
Notes
  • Using Theme Maker Create any number of professional and responsive Prestashop free themes on the go.
    http://www.pibblu.in/theme-maker.html
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Create and publish any number of responsive Prestashop themes.Prestashop theme maker module link is http://www.pibblu.in/theme-maker.html.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
24,116
On SlideShare
0
From Embeds
0
Number of Embeds
447
Actions
Shares
0
Downloads
0
Comments
2
Likes
7
Embeds 0
No embeds

No notes for slide

Créer et intégrer son thème PrestaShop

  1. 1. Créer et intégrer son thème PrestaShopCreate and integrate a PrestaShopTheme<br />
  2. 2. But : cadre pour structurerune application : séparation entre les données, la présentation et les traitements<br />Goal : Design Pattern to structure an application : data, presentation and processseparation<br />Avantage du MVC pour l'intégrateur : <br /> <br />Clarté de l'architecturequ'il impose<br />Les modifications techniques de base de données ne changentrien à la vue.<br />MVC benefits for front developers :<br />Simplicity of its architecture<br />The technical changes in the databasedoes not alter the view<br />1- Structure MVC – Présentation1- MVC design pattern - Introduction<br />
  3. 3. Découpe du site internet en trois parties distinctes :<br /><ul><li>Le modèle (model) : Comportement de l'application : traitements des données, interactions avec la base de données</li></ul> <br /><ul><li>La vue (view) : interface avec laquellel'utilisateurinteragit</li></ul> <br /><ul><li>le controleur (controler) : reçoittous les événements de l'utilisateur et enclenche les actions à effectuer</li></ul>Divide the website into three distinct parts:<br /><ul><li>Model : Behavior of the application: data processing, interactions with the database
  4. 4. View: interface with which the user interacts
  5. 5. Controller : receives all the events of the user and initiates actions to perform</li></ul>1- Structure MVC – Composition 1- MVC design pattern - Composition<br />
  6. 6. 1- Structure MVC – Dans Prestashop1- Structure MVC – For Prestashop<br />
  7. 7. <ul><li>Les pages HTML
  8. 8. Les images
  9. 9. Les Scripts JavaScript
  10. 10. Les feuilles de styles CSS
  11. 11. Les fichiers de traductions
  12. 12. HTML pages
  13. 13. Images
  14. 14. JavaScript scripts
  15. 15. CSS Stylesheets
  16. 16. Translation files</li></ul>2- Composition d’un thème (la Vue)2- Thème makeup (the view)<br />
  17. 17. <ul><li>Foreach's plus puissants :
  18. 18. item, iteration, first, last
  19. 19. Code plus léger
  20. 20. Chaining
  21. 21. “foreach” more powerful :
  22. 22. item, iteration, first, last
  23. 23. Liter code
  24. 24. Chaining</li></ul>3- Pourquoi Smarty ?3- Pourquoi Smarty ?<br />
  25. 25. Utiliser les sprites<br />Surcharger les modules<br />Abandonner la classite<br />Respecter les normes W3C<br />Use of « sprites »<br />Modules overriding<br />Giving up the intensive use of « css classes »<br />Respect of W3C norms<br />4- Les bonnes pratiques4- Best practices<br />
  26. 26. Mise en place de thèmes existant de façon rapide et intuitive<br />Plusieurs versions du site disponible en fonction des saisons / événements<br />Versions dédiées à certains support (Iphone/Ipad/Android/ …)<br /><ul><li>Présentation du thème NQ en développement</li></ul>Implementation of existing themes quickly and intuitively<br />Several versions of the site available depending of the seasons / events<br />Dedicated versions for some support like iPhone / iPad / Android / ...<br />Presentation of the NQ theme (currently in progress)<br />5- L’avantage des thèmes5- L’avantage des thèmes<br />
  27. 27. 6- Démonstration en live 6- Live demonstration<br />

×