Publié par le 23 juin 2015 • 56 Commentaires

De plus en plus de monde souhaite lancer une boutique en ligne. Que ce soit pour proposer des produits physiques ou numériques, il vaut mieux avoir un thème WordPress qui les présentent bien.

Je ne sais pas de qui est cette phrase mais on n’a pas de seconde chance de faire une première bonne impression.

C’est le message que j’essaie de faire passer en vous aidant à trouver le thème WordPress idéal.

Aujourd’hui nous allons parler de Storefront, un thème WordPress e-commerce et gratuit créé par WooThemes, l’entreprise derrière le plugin WooCommerce.

Cependant, ce n’est pas moi ni Nicolas qui allons vous le présenter mais David, un nouveau cuistot sur la Marmite.

Je dois vous avouer que je l’ai pas mal cuisiné pour qu’il enrichisse son article afin qu’il corresponde aux standards de la Marmite (j’espère que tu ne m’en veux pas David ^^).

En tout cas, cet article devrait vous donner un bon aperçu de ce qu’il est possible de faire avec Storefront. David, tu peux prendre la parole 🙂

Trouver un thème​ WordPress​ est parfois un vrai parcours du combattant, encore plus lorsqu’il s’agit d’un ​thème ​e-commerce.

Les thèmes sont gorgés de fonctionnalités et l’on utilise que 20 à 30% de leurs capacités. De plus, il est vraiment difficile de trouver un thème simple avec le strict minimum.

Par ailleurs, ayant récemment mis en place un site​​ ​Woocommerce avec un thème premium (The Retailler pour ne pas le citer), je me suis rendu compte qu’il pouvait y avoir des problèmes lors des mises à jour WooCommerce.

Je me suis également aperçu que ce thème premium n’utilisait pas tout le pouvoir des hooks.

Par exemple, le créateur du thème « The Retailler » a surchargé Woocommerce en copiant les fichiers du plugin directement dans le thème.

Ce qui fait que lorsqu’il y a une mise à jour de WooCommerce, il faut obligatoirement mettre à jour le thème… et il peux y avoir des surprises, même lorsque l’on a créé un thème enfant.

Storefront, le​ thème phare de Woothemes

storefront

​Suite à cette expérience avec un thème premium et les problèmes de mise à jour qui peuvent en découler, j’ai tenté de trouver une solution pérenne dans le temps.

C’est à ce moment que WooThemes a sorti le thème e-commerce Storefront !

J’ai tout de suite été séduit par ​ce thème : gratuit, flexible et avec le minimum vital.

Pour les intégrateurs avertis, ce thème est à la pointe de la technologie car il utilise SASS ainsi que l’excellent framework Susy, ce qui permet un workflow optimal.

L’utilisation de ce thème assure une compatibilité optimale avec les mises à jour de WooCommerce.

Aperçu thème storefront

Fonctionnalités de Storefront

Comme je le disais, Storefront est livré avec le minimum vital : pas de shortcodes, pas de sliders, pas de page builder… et c’est tant mieux !

Vous pouvez tout de même personnaliser le principal (styles, logo, mise en page avec ou sans sidebar) et le peaufiner encore plus grâce à des extensions payantes (nous allons en parler dans la suite de cet article).

Si vous êtes curieux et que vous souhaitez voir à quoi ressemble le code du thème, vous pouvez le consulter sur GitHub.

Personnalisation du thème

Storefront permet de personnaliser les couleurs du thème (arrière-plans, boutons, typographies) ​avec le menu Personnaliser de WordPress.

feature-3

Les modèles de page

​Le thème Storefront est livré avec 3 modèles de page :​​

  1. Modèle par défaut avec sidebar
  2. Full width qui, comme son nom l’indique permet de ne pas avoir de sidebar (pleine largeur).
  3. Homepage​ qui, grâce au plugin ​Homepage Control plugin​, permet de ​personnaliser la page d’accueil en affichant ou non différentes sections : « Catégories », « Produits récents », « Produits à la une », etc.

​Vous pouvez également choisir si votre barre latérale doit se trouver Ã  gauche ou à droite (toujours dans le menu personnaliser).​

Les extensions (payantes)

Comme je l’ai précisé plus haut, Storefront vient avec plusieurs extensions payantes permettant d’aller plus loin en terme de personnalisation et de fonctionnalités.

​Storefront designer – 39 $

L’extension « Storefront designer » ajoute de nombreux paramètres vous permettant de peaufiner le thème.

On peut par exemple choisir de la disposition du header avec 3 mises en page différentes :

storefront-header
Grâce à cette extension, vous pouvez aussi modifier les typographies en choisissant parmi Helvetica, Lora ou bien encore Robotic Slab.

Le style des boutons peut également être personnalisé grâce à Storefront Designer

En savoir plus sur Storefront Designer

Storefront WooCommerce Customiser – 39$

​L’extension « Storefront WooCommerce Customiser » donne encore plus de contrôle sur l’apparence de votre boutique en changeant des éléments de mise en page.​

Vous pouvez par exemple supprimer la sidebar présente sur la fiche produit afin de ne pas disperser vos visiteurs.

Sur la page archive, vous pouvez choisir le nombre de colonnes, le nombre de produits par page et cacher des informations comme le prix, le bouton ajouter au panier ainsi que le titre.

Au niveau de l’en-tête, vous pouvez choisir de masquer le champ de recherche et/ou l’affichage du panier.

Screen-Shot-2014-09-29-at-21.06.26-650x509

En savoir plus sur Storefront WooCommerce Customiser

Storefront Checkout Optimiser – 19$

L’extension Checkout Customizer ajoute quelques options intéressantes pour la page de commande comme le choix de différentes mises en page.

On peut aussi activer l’option « Distraction free checkout » qui permet de cacher le header et le footer afin d’optimiser les conversions (note d’Alex : vous constaterez qu’Amazon le fait très bien).

Vous pouvez également diviser cette page sur deux colonnes ou répartir la commande sur deux pages.

2-step-checkout-950x594

En savoir plus sur Storefront Checkout Customiser

Storefront Pricing Table – 19$

L’extension « Storefront Pricing Table » permet de créer facilement des tableaux de prix.

Un générateur de shortcodes vous permettra de mettre en valeur vos offres pour proposer ce qu’il y a de mieux à vos clients.

Screen-Shot-2015-03-13-at-15.21.21

En savoir plus sur Storefront Pricing Tables

Storefront Blog Customiser – 19$

L’extension « Storefront Blog Customiser » permet de modifier la mise en page du blog et des articles.

Vous pourrez choisir où doit se placer le titre, la sidebar et comment les articles doivent s’agencer (format classique ou magazine).

Screen-Shot-2015-01-12-at-10.26.33

En savoir plus sur Storefront Blog Customiser

Traduction française

Storefront a généreusement été traduit en français par Didier de WP Trads. Merci à lui 🙂

Télécharger la traduction de Storefront

Thèmes enfants conçus pour Storefront

Pour l’instant Woothemes propose 3 thèmes WordPress enfants dont deux gratuits (Deli et Boutique).

Galleria est un thème enfant très élégant et minimaliste qui s’adaptera bien aux sites de prêt à porter.

galleria-cover1

Aperçu – Acheter (39$)

Boutique est un thème enfant gratuit pour Storefront. Très sobre et élégant il colle parfaitement pour un site de bijoux ou de produits de luxe.

boutique-958x718

Aperçu – Télécharger

Enfin, Deli est un thème enfant gratuit plutôt adapté à une boutique de produits naturels ou issus de l’artisanat.

deli-958x719

Aperçu – Télécharger

Exemples de sites réalisés avec Storefront

De mon côté, j’ai déjà utilisé Storefront sur deux sites e-commerce. En effet, l’aspect minimaliste du thème m’a permis d’avoir une base fonctionnelle pour développer un site entièrement sur mesure.

Voici les résultats que j’ai obtenus :

Foulard Magnolia • Shandor

Adresse du site : www.shandor.fr

lafabrique

Adresse du site : www.lafabriqueducafe.fr

Conclusion

Pour ma part, je suis convaincu qu’​à​ l’heure actuelle, Storefront est le meilleur thème ecommerce pour WordPress.

Tout d’abord, ce thème a été conçu par les créateurs du plugin WooCommerce. Le moins que l’on puisse dire est qu’ils connaissent WordPress sur le bout des doigts.

En effet, niveau code, le thème est parfaitement conçu et utilise les hooks qui permettent de personnaliser le thème à notre sauce !

Pour moi, c’est un de ses points fort car il permet de créer un thème enfant qui controlera le thème parent Storefront via le fichier functions.php uniquement avec les hooks.

L’avantage du thème enfant est que vous continuerez a bénéficier des mises à jour de Storefront ainsi que des correctifs et nouvelles fonctionnalités.

Par ailleurs, créer un thème enfant est un très bon exercice permettant d’apprendre à contrôler WordPress grâce aux hooks.

Enfin, l’avantage de partir d’un thème comme Storefront est que cela permet de créer un site entièrement sur mesure avec une grande flexibilité.

Vous pouvez également, grâces aux extensions payantes, personnaliser facilement votre thème et ajouter de nouvelles fonctionnalités si vous n’êtes pas à l’aise avec le code.
​​​
Bref, je ne saurais que trop vous conseiller ce thème WordPress qui a de beaux jours devant lui !

L’avez-vous essayé ? Est-ce que cet article vous a donné envie de voir ce qu’il a dans le ventre ? Dites-nous ce que vous en pensez 🙂