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

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

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

Découpe du site internet en trois parties distinctes :
Le modèle (model) : Comportement de l'application : traitements des données, interactions avec la base de données

La vue (view) : interface avec laquellel'utilisateurinteragit

le controleur (controler) : reçoittous les événements de l'utilisateur et enclenche les actions à effectuer
Divide the website into three distinct parts:
Model : Behavior of the application: data processing, interactions with the database
View: interface with which the user interacts
Controller : receives all the events of the user and initiates actions to perform
1- Structure MVC – Composition 1- MVC design pattern - Composition

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

Les pages HTML
Les images
Les Scripts JavaScript
Les feuilles de styles CSS
Les fichiers de traductions
HTML pages
Images
JavaScript scripts
CSS Stylesheets
Translation files
2- Composition d’un thème (la Vue)2- Thème makeup (the view)

Foreach's plus puissants :
item, iteration, first, last
Code plus léger
Chaining
“foreach” more powerful :
item, iteration, first, last
Liter code
Chaining
3- Pourquoi Smarty ?3- Pourquoi Smarty ?

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

Mise en place de thèmes existant de façon rapide et intuitive
Plusieurs versions du site disponible en fonction des saisons / événements
Versions dédiées à certains support (Iphone/Ipad/Android/ …)
Présentation du thème NQ en développement
Implementation of existing themes quickly and intuitively
Several versions of the site available depending of the seasons / events
Dedicated versions for some support like iPhone / iPad / Android / ...
Presentation of the NQ theme (currently in progress)
5- L’avantage des thèmes5- L’avantage des thèmes

6- Démonstration en live 6- Live demonstration

http://blog.websourcing.fr	182
http://www.scoop.it	78
http://www.slideshare.net	5
http://www.techgig.com	3
http://localhost:8888	1

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

by Sabrina Maréchal on Jun 23, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 269

Statistics

Créer et intégrer son thème PrestaShop — Presentation Transcript