Le Blog Baobaz

Créer un template pour son site Magento est une étape incontournable dans la mise en place en place de sa boutique en ligne. En effet, la charte graphique d'une e-Boutique est aussi importante que la vitrine d'un magasin : il s'agit de la première chose que verra le chalant qui passe devant par hasard.
C'est votre vitrine qui retiendra un client potentiel ou qui, au contraire, l'incitera à partir.

(Il existe bien entendu d'autre moyens de faire venir des prospects directement au coeur de votre boutique, via les moteurs de recherche notamment, mais ceci fera l'objet d'autres billets.)

Fort de ce constat, tout le système de gestion du design Magento a été conçu et pensé afin de vous permettre d'achalander au mieux les pages de votre site Magento, de les organiser et de les décorer comme bon vous semble. (Et bien entendu sans faire de développements spécifiques qui interdiraient par la suite de bénéficier des mises à jour de Magento.)

Afin de personnaliser la présentation d'un site Magento, trois types d'objets sont mis en oeuvre, abondamment cités dans les documentations, forums de discussions et autres wiki :

1. les templates (gabarits ou modèles)
2. les skins (revêtements)
3. les layouts (agencements, dispositions)

La compréhension de ces trois types d'objets est primordiale afin de comprendre comment penser votre boutique en ligne.

Les Templates

Les templates (gabarits ou modèles) ne sont ni plus ni moins qu'un ensemble des blocks qui composent votre boutique.

Ce sont ces blocks qui vont par exemple :

• afficher le détail d'un article,
• afficher le contenu du panier client,
• afficher le promo du mois,
• afficher les menus de navigation,
• afficher du contenu telles que les conditions générales de vente,
• et caetera.

Magento fournit un template par défaut qui contient toute une série de blocks standard. Il est possible, par un système d'héritage, de compléter, surcharger, modifier des blocks, d'en créer de nouveaux, et caetera.
En outre, Magento étant basé sur la framework Zend, lui même MVC, les règles métier relatives à l'affichage de ces blocks sont définies ailleurs, permettant ainsi une parfaite indépendance de votre charte graphique vis à vis du coeur du système.

Les Skins

Les skins (revêtements) renferment l'ensemble des feuilles de style CSS de votre site et décrivent avec quelle mise en forme (couleurs, images, polices de caractères...) les blocks de templates vont être affichés. Séparées des templates, il devient ainsi excessivement aisé de modifier un style graphique d'affichage sans devoir modifier les blocks.

Changer tout ou partie de la charte graphique peut ainsi être facilement réalisé, par exemple :

• pour une partie du site (catégorie spécifique, déstockage...)
• pour une période donnée (Noël, soldes...),
• pour une catégorie particulière d'internaute (comités d'entreprises, VIP...),
• et caetera.

Les Layouts

Les layouts (agencements, dispositions) quant à eux vont définir quels blocks va s'afficher sur quelle page (page catalogue, page produit, page de paiement, page de compte client...) et en définir les attributs. Il ne s'agit donc ni plus ni moins que de la définition de la structure générale de votre site. Là encore, un layout standard est proposé, celui-ci étant très facilement personnalisable.