Thème PrestaShop gratuit orienté performance, SEO et accessibilité

Chez Prestarocket, nous travaillons avec la version 1.7 de PrestaShop depuis quasi le début; nous sommes assez fan de cette version avec la refonte complète du thème front très facile à modifier et bien pensé. Le thème Classic de PrestaShop est plutôt bien fait mais dans tous nos projets, nous repartons de zéro pour inclure des optimisations et la dernière version de BootStrap. Nous avons donc décidé de partager notre travail et l’équipe PrestaShop a été très à l’écoute et nous a ouvert un dépôt Github pour partager ce thème : Classic Rocket.

Le thème Classic Rocket a été construit en prenant en compte dès le début de sa conception : la performance, le référencement naturel, l’accessibilité et l’ergonomie.
Il est compatible à partir de la version 1.7.3.2 de PrestaShop.

La demo : https://demo-prestashop.prestarocket.com/

Performance

La performance a été travaillé en réduisant le poids des assets (plus de 50% plus léger sur les css et les js) et le lazyloading des images. Ce travail continu est réalisé avec Dareboost.
C’est sans doute le thème le plus rapide du marché.
Voici le rapport comparatif en classic rocket et classic theme : comparatif
Ou encore le test de performance de Pingdom :

PrestaShop Pingdom

PrestaShop Pingdom

Référencement naturel

Le thème a été optimisé côté SEO avec :

  • pagination des listes produit avec link rel prev/next
  • noindex/nofollow sur les listes produit avec tri (moins cher au plus cher…)
  • no index sur les listes produit avec tri (moins cher au plus cher…)
  • Open Graph and JSON-LD structured data
  • chargement optimisé des fonts
  • srcset pour les images responsive
  • Hn retravaillé

Ergonomie

  • Offcanvas pour le menu et les filtres de la facette
  • Touch slider page d’accueil et page produit
  • HoverIntent : Amélioration du passage de la souris dans le menu principal

Accessibilité

L’accessibilité de tous les formulaires a été revu avec des corrections sur les labels pour chaque champ de formulaire.
Amélioration de l’accessibilité du menu avec l’ajout d’attribut aria.

À qui s’adresse ce thème

Si vous partez de zéro et avez les compétences pour intégrer des maquettes, l’utilisation de ce thème est très facile.
Vous pouvez aussi utiliser le thème tel quel.

Télécharger le thème PrestaShop Gratuit

Vous pouvez vous rendre sur la Github pour télécharger le thème gratuit : https://github.com/PrestaShop/classic-rocket/releases

La suite…

Nous mettrons à jour ce thème dès qu’une nouvelle version de PrestaSHop ou de Twitter Bootstrap sera disponible. N’hésitez pas à proposer des améliorations avec des PR.
Enfin, fin 2018, nous lancerons une série de thèmes premium (avec module blog, megamenu SEO, theme editor) qui reprendront les bonnes pratiques appliquées à ce thème.