Nouveautés de PrestaShop 1.7

Jeudi dernier, je me suis rendu chez PrestaShop à Paris pour rencontrer les différentes équipes et découvrir leurs nouveaux locaux à coté de Saint Lazare (je vous invite à lire cet article). En tant qu’ambassadeur PrestaShop, Sébastien et FM m’ont présenté les nouveautés de la version 1.7 de PrestaShop actuellement en cours de développement. Pour ceux qui seront présents, je vous détaillerais tout ces points ci-dessous lors du prochain Prest’Apéro Montpellier.

Les objectifs de la nouvelle version de PrestaShop 1.7

• Nouvelle architecture basée sur le framework Symfony
• Transition de Smarty à Twig
• Simplifier la mise en place de PrestaShop, notamment sur le Cloud où trop de marchands ont du mal à configurer et à lancer eux même leur propre boutique
• Intégrer un thème plus souple, plus simple à personnaliser
• Intégrer un nouveau tunnel de commande, mieux optimisé
• Réorganiser le menu back-office
• Simplifier la création des produits
• Nouvelle API de paiement
• Formulaire de contact sous forme de widget

Nouvelle architecture basée sur le framework Symfony

L’équipe de PrestaShop reconnait que l’architecture actuelle accuse le nombre d’années. PrestaShop doit changer d’architecture !

Tout ne va pas changer avec PrestaShop 1.7, la transition va se faire en douceur !

Prestashop 1.7 intègrera un nouveau framework : Symfony 2 et son moteur de template Twig. Cette transition va se faire en douceur et sur du long terme. Dans un premier temps, la nouvelle architecture sera utilisée uniquement sur le back-office, sur les pages produits et modules. Le reste du back-office continuera de fonctionner avec l’architecture héritée de la version 1.6, mais disparaitrons au fur et à mesure des mises à jours de PrestaShop.

Pourquoi PrestaShop a choisi le framework Symfony ? Tout simplement parce que Symfony 2 est la nouvelle norme PHP et un code de qualité.

Seul les modules qui ciblent les produits et les pages modules auront besoin de s’adapter à Symfony dans un premier temps lors de la sortie de PrestaShop 1.7.

Transition de Smarty à Twig

Twig qui est le moteur de template de Symfony ne sera utilisé que sur les pages utilisant Symfony (les pages produits et les modules dans un premier temps). Smarty sera toujours utilisé pour le reste et les les deux moteurs de templates seront utilisés en parallèle pendant la phase de transition. A terme, tout le back-office passera sur Symfony et Twig, Smarty est donc amené à disparaitre.

Simplifier la mise en place avec un nouvel on-boarding

Un nouvel « on-boarding » va être mis en place pour accompagner au mieux les marchands débutants avec la solution PrestaShop. Le but est de les guider sur la mise en place et la configuration de leurs boutiques, ce sera surement Preston que l’on retrouvera pour cet accompagnement…

Nouveau thème pour PrestaShop 1.7 sans rétro-compatibilité

PrestaShop 1.7 intègrera 2 nouveaux thèmes basés sur Bootstrap 4 :

• Un thème par défaut destiné aux commerçants, prêt à être utilisé
• Un stater thème destiné aux freelances et agences, ainsi que pour tous ceux qui désireront créer leur propre thème sur mesure

L’objectif pour l’équipe de PrestaShop est de réaliser un starter thème plus souple afin de simplifier sa personnalisation. Un thème sur mesure pourra être réalisé en une semaine au lieu d’un mois sur la version actuelle. Les mises en pages seront plus souples et configurables via le back-office en fonction des possibilités des thèmes utilisés.

Les thèmes 1.6 ne fonctionneront pas sur PrestaShop 1.7 car le thème de la nouvelle version a été complètement repensé.

Le tunnel de commande de la version 1.7

Fini le processus de commande en 5 étapes. Un seul tunnel de commande sera présent sur PrestaShop 1.7, un « one page checkout » sous forme d’accordéon. Le but est de concevoir un tunnel plus performant n’intégrant aucune porte de sortie, aucune distraction,… Son design sera modifiable assez facilement en jouant sur le JavaScript et CSS.

La fonction « guest checkout » sera activée par défaut et les clients pourront s’enregistrer à la fin du processus s’il le désirent. De cette façon le processus d’achat sera plus rapide et performant.

La case des CGV à cocher que l’on avait l’habitude de retrouver sur la page des modes de transport se retrouve maintenant au moment de choisir le mode de paiement, ce qui est plus logique. Le bouton de validation de la commande intègre le montant à payer, ce qui est en accord avec la loi Hamon.

Des informations de réassurance seront affichées sous le panier pour rassurer les clients tout au long de la validation de leur commande.

Back office de PrestaShop 1.7

Le back office a été revu et repensé pour qu’il soit plus ergonomique et simple à utiliser.

Le menu du back-office change complètement pour regrouper les différentes fonctions par usage et par thème : vente (commandes, catalogue, clients, services,…), amélioration (modules, design, transporteurs, paiements, traductions,…)  et configuration (paramètres de la boutique). Les termes utilisés vont changer également, par exemple : Manufacturers devient Brands, Attachements devient Files, Prices Rules devient Discounts, CMS devient Pages, Employees devient Team,…

La partie module est également réorganisée, on y retrouve les différents modules regroupés par : notification, installés, non installés,… Il sera aussi possible d’identifier les modules natifs à un thème.

Un point qui a souvent fait polémique sur la version 1.6, ce sont les publicités omniprésentes pour inciter les marchands à acheter d’autres modules… La CEO de PrestaShop, Corinne Lejbowicz, m’a personnellement annoncé que cela aller changer sur la nouvelle version 1.7, les publicités seront plus contextuelles. Ils ont tenu compte des remarques de leur communauté !

Création des produits sur PrestaShop 1.7

La création des produits a été complètement revue, en passant de 12 onglets à 6 onglets, pour que ce soit plus simple et plus logique.

On retrouvera dans l’ordre :

• Onglet informations principales, incluant les caractéristiques et les fabricants
• Onglet prix
• Onglet quantité
• Onglet livraison
• Onglet SEO
• Onglet options

Nouvelle API de paiement

Pour une meilleure expérience utilisateurs et afin de s’adapter aux lois des différents pays, PrestaShop a fait le choix de respecter les exigences les plus strictes, celles de allemands. Les CGV se retrouvent donc avec le bouton de paiement et l’on ne retrouve qu’un seul bouton pour payer.

Formulaire de contact sous forme de widget

Le formulaire de contact a été modifié pour être intégré sous forme de widget qu’il sera possible de positionner un peu partout.

Compatibilité des modules 1.6 et 1.7

Les modules devront s’adapter, notamment au niveau des hooks sur les pages produits et pages modules.  Seuls les modules ciblant des fonctions liées aux produits et aux modules devront être réécris pour Symfony et Twig. Smarty sera toujours utilisé pour les autres parties non réécrites avec Symfony.

Quelques captures d’écran

Voici quelques captures d’écrans pour vous donner un aperçu visuel de la version 1.7 de PrestaShop.

A savoir sur la version alpha 3 (avril 2016) :

Coeur de PrestaShop 1.7

• Si votre hébergement web utilise PHP-FPM, quelques liens (et des images) ne fonctionneront pas
• Le multi-boutiques et la gestion des stocks avancés ne sont pas encore connectés à la création des produits
• L’en-tête et la navigation peuvent légèrement varier entre les pages
• Les droits sur les employés ne sont pas encore adaptés à la nouvelle navigation
• Le téléchargement des thèmes n’est pas encore bien opérationnel, à savoir que les thèmes 1.5 et 1.6 ne sont pas compatibles

Front office

• L’aperçu rapide d’un produit est encore en cours de travail, il peut y avoir des bugs lors des ajouts au panier
• Quelques liens peuvent être brisés au cours de votre navigation sur la boutique

Back office

• Certaines images sont cassées et certains boutons / onglets pourraient se comporter d’une façon bizarre
• Le responsive du back-office est encore à améliorer, notamment sur les petits écrans comme les 13 pouces

Page des modules

• La fonction « désactiver sur mobile » sera réintroduite dans une prochaine version
• L’organisation et le tri des module sera aussi améliorer

Contenus

• Les produits par défaut sont ceux de la version 1.6, cela sera mis à jour par la suite
• Les traductions sont en attente pour le moment, donc l’interface est en anglais seulement pour l’instant

Documention

• L’aide contextuelle n’est pas encore à jour, c’est celle de la 1.6
• Même chose pour la documentation technique des modules

Pour plus d’informations sur cette nouvelle version

Je vous recommande de suivre l’évolution de la version 1.7 sur Build PrestaShop et GitHub PrestaShop.