• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Créer et intégrer son thème PrestaShop
 

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

on

  • 25,240 views

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

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

Statistics

Views

Total Views
25,240
Views on SlideShare
24,810
Embed Views
430

Actions

Likes
7
Downloads
0
Comments
0

5 Embeds 430

http://www.scoop.it 229
http://blog.websourcing.fr 185
http://www.techgig.com 10
http://www.slideshare.net 5
http://localhost:8888 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • 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