La version 1.5 s’annonce riche en fonctionnalités, plus performante que jamais, mais aussi et surtout accessible à tous.
Tout développeur ou intégrateur est donc en mesure de s’approprier la solution en un minimum de temps.
Dans cet article vous est présentée l’une des nouvelles fonctionnalités qui va permettre aux créateurs de thèmes d’augmenter leur productivité et réduire les temps de développement.
Actuellement, lorsqu’un intégrateur souhaite créer un nouveau thème pour une boutique, deux solutions s’offrent à lui :
- 1. Partir de ZÉRO
- 2. Partir du thème par défaut et le nettoyer pour coller au mieux au thème qu’il souhaite créer
Dans les deux cas il y a beaucoup de travail, surtout pour les agences ou freelances qui souhaitent industrialiser la création de thèmes. Avec l’intégration du thème Squelette, PrestaShop fait le travail à votre place !
Définition de squelette :
“Le squelette est une charpente animale rigide servant de support pour les muscles”…
Grâce au thème Squelette, PrestaShop met à disposition de la communauté une base de travail solide pour créer un thème.
Comme la définition du squelette l’indique, le thème Squelette sera l’ossature du thème final. Il s’appuiera sur le squelette pour construire la mise en page qui convient le mieux à l’image souhaitée. En quelque sorte, l’intégrateur n’aura plus qu’à ajouter une couche graphique (images, CSS).
L’arborescence des templates a été complètement revue pour faciliter la modification de chaque partie de chaque page qui compose la boutique.
De plus, le thème Squelette apporte une grande flexibilité. Pour chaque page du Front-Office le marchand pourra choisir quelle déclinaison de template il souhaite afficher.
Exemple :
Pour une catégorie de produits “Ipod” le marchand pourra choisir un affichage avec une colonne à droite et une colonne de contenu (listing produits).
Pour une catégorie de produits “Portables” le marchand pourra choisir un affichage avec une seule colonne de contenu (listing produits).
De base, le squelette embarquera 3 ou 4 types de disposition par page, mais si le créateur du thème souhaite en rajouter, il pourra le faire simplement en rajoutant un nouveau template dans le dossier de son thème.
Exemple:
[skeleton]
[categories]
template-1.tpl
template-2.tpl
[products]
template-1.tpl
template-2.tpl
…
[mon_theme]
[categories]
template-1.tpl => surcharge du template 1 du squelette
template-3.tpl => ajout d’un nouveau template
…
Une nouveauté supplémentaire va être intégrée dans la version 1.5 de PrestaShop : les variables de configuration disponibles dans les templates.
L’intégrateur pourra lui-même créer ces variables de configuration grâce à l’exportateur de thème. Celles-ci seront disponibles dans chaque template. L’ajout de cette fonctionnalité ouvre de multiples possibilités et rend le thème encore plus flexible et personnalisable !
Exemple (un thème avec des déclinaisons de couleurs) :
{if $theme_option.colorset == 'green'}
<link rel="stylesheet" href="themes/montheme/colorset/green.css" />
{elseif $theme_option.colorset == 'black'}
<link rel="stylesheet" href="themes/montheme/colorset/black.css" />
{elseif $theme_option.colorset == 'blue'}
<link rel="stylesheet" href="themes/montheme/colorset/blue.css" />
{/if}
Toujours dans l’optique de faire gagner du temps à l’intégrateur, nous allons intégrer les outils suivants 960 Grid System : un framework CSS (http://960.gs) et Jquery UI (http://jqueryui.com).
Vous pouvez suivre l’avancement des développements par le biais des newsletters et des articles sur notre blog. Nous sommes ouverts à tous les avis, n’hésitez pas à nous donner vos impressions sur cette fonctionnalité soit sur le forum, soit par message privé à Vincent Augagneur.