La version 3.6.0 du Story Thème est disponible. Et celle-là est différente des précédentes.
D'habitude, une mise à jour t'ajoute des sections prêtes à l'emploi. Cette fois, tu reçois les briques pour construire les tiennes.
Concrètement, les sections que vous êtes nombreux à me demander depuis des mois, tu peux maintenant les créer toi-même en quelques minutes. Sans une ligne de code.
La section avancée personnalisée
C'est la grosse nouveauté de cette version, et celle qui change le plus ta façon de travailler.
Jusqu'ici, le fonctionnement était simple mais fermé. Tu choisissais une section dans la liste, tu la remplissais, et tu faisais avec ce qui était prévu dedans.
Maintenant, tu pars d'une page blanche et tu composes toi-même.
Le principe des groupes
Tout repose sur les blocs « Groupe ». Tu en ajoutes autant que tu veux, en horizontal ou en vertical, et tu peux les imbriquer les uns dans les autres.
À l'intérieur de chaque groupe, tu déposes les éléments de ton choix. C'est cette logique d'imbrication qui te permet de reproduire à peu près n'importe quelle mise en page.
Une image à gauche et une FAQ à droite ? Une ligne de trois témoignages avec un badge au-dessus ? Un compte à rebours collé à un bouton ? Tu montes tout ça toi-même, directement dans l'éditeur.
Les 10 nouveaux blocs
Pour remplir ces groupes, la 3.6.0 apporte dix nouveaux blocs :
- Accordéon / FAQ : 3 styles au choix, contenu écrit à la main ou tiré directement d'une page existante
- Badge : texte et icône, affichage en pilule, couleurs libres
- Liste à puces : une ligne par élément, 44 icônes disponibles ou ta propre image
- Compte à rebours : 4 styles, renouvellement automatique, libellés personnalisables
- Icône : 44 icônes intégrées (livraison, retour, cadenas, étoile) ou ton image, cliquable
- Note / Étoiles : de 0 à 5, avec 4 styles d'affichage
- Témoignage : avatar, nom, rôle, mention « vérifié », étoiles et palette de couleurs dédiée
- Vidéo : hébergée Shopify, YouTube ou Vimeo, avec image de couverture et lecture en boucle
- Espace / Séparateur : hauteurs desktop et mobile réglées séparément
- Liquid personnalisé : pour insérer ton propre code ou le snippet d'une application
Le bloc Liquid mérite une mention particulière. Il te permet de glisser le code d'une app à l'endroit exact où tu en as besoin, au milieu de ta composition, et plus seulement là où l'app décide de s'installer.
Les réglages communs à tous les blocs
Chaque bloc dispose de ses propres animations et de son option « masquer sur mobile ».
Ça veut dire que tu peux construire une mise en page riche sur ordinateur et alléger l'affichage mobile en désactivant certains éléments, sans créer deux sections différentes.
Et tous ces blocs fonctionnent aussi bien seuls qu'imbriqués dans un groupe. Tu peux commencer simple, puis complexifier au fur et à mesure.
La nouvelle section vidéo flottante
Deuxième nouveauté de cette version : une vignette vidéo épinglée en bas de ton site.
Tu peux l'activer sur une seule page ou sur l'ensemble de la boutique. C'est idéal pour une démo produit, un avis client ou une vidéo de présentation qui accompagne le visiteur pendant sa navigation.
Trois comportements au clic
Selon ce que tu veux obtenir, tu choisis comment la vidéo réagit quand on clique dessus.
Elle peut s'ouvrir en popup centrée, s'agrandir directement sur place, ou activer le son sans quitter la vignette. Trois usages différents, pour trois intentions différentes.
Aucun impact sur la vitesse
C'est le point qui compte le plus, parce qu'une vidéo mal intégrée peut plomber le chargement d'une page.
Une vidéo hébergée sur Shopify tourne en muet et en boucle dans la vignette, sans peser sur le reste. Pour YouTube et Vimeo, le player n'est chargé qu'au moment où le visiteur ouvre la vidéo.
Résultat : tu ajoutes un élément visuel fort sans dégrader tes performances.
L'affichage sur mobile
Le mobile a ses propres réglages, et c'est indispensable sur ce type d'élément. Une vignette mal calibrée sur petit écran devient vite un obstacle plutôt qu'un atout.
Tu as le choix entre un format rond, carré, un panneau rétractable collé au bord de l'écran, ou un affichage identique à celui de l'ordinateur.
Au total, la section propose 27 réglages : position, taille, libellé, boutons, comportement au clic et paramètres mobile.
Les améliorations de cette version
Au-delà des deux nouveautés, plusieurs points ont été retravaillés.
Les trois sections de tabulations ont été fusionnées en une seule. Elles faisaient globalement la même chose, avec trois configurations différentes à comprendre. Il n'y en a plus qu'une, nettement plus simple à paramétrer.
L'affichage par défaut de toutes les sections a été amélioré. Tu peux aussi afficher une description sans titre, ce qui manquait sur certaines mises en page.
Les titres acceptent désormais les sauts de ligne. Un détail en apparence, mais c'est ce qui te permet de contrôler exactement où ta phrase se coupe sur un grand titre.
La section « Liste de collections » gagne une description et un lien. Les témoignages défilants permettent de choisir la couleur des étoiles.
Enfin, la structure des titres a été nettoyée sur l'ensemble du thème pour ne plus polluer ton référencement. Une hiérarchie de titres propre, c'est un des signaux les plus basiques du SEO on-page.
Les bugs corrigés
Cette version corrige aussi plusieurs problèmes remontés par les utilisateurs :
- Général : scripts qui ne se chargeaient pas correctement sur les domaines personnalisés
- Page produit : sélection des variantes dans le pack quand une option contient un « / »
- Onglets collections : bug de navigation corrigé
- Liste de collections : défaut d'affichage sur les grands écrans
- Ligne défilante : prise en compte des paramètres généraux
- Footer : lien LinkedIn qui ne s'affichait pas dans les réseaux sociaux
Ce qui arrive ensuite
La 3.6.0 pose les fondations d'un système, pas une fonctionnalité isolée.
Les prochaines mises à jour vont continuer de l'enrichir : de nouveaux blocs, plus de réglages, et de plus en plus de parties du thème que tu pourras composer exactement comme tu le veux.
Mais dès aujourd'hui, tu peux déjà faire énormément de choses qui étaient impossibles la semaine dernière.
Une vidéo complète sur la 3.6.0 arrive très vite sur la chaîne YouTube. Elle sera suivie d'une série entière consacrée à la section avancée personnalisée.
Au programme : monter une section de A à Z, les combinaisons de blocs qui fonctionnent le mieux, les réglages à connaître, et la reproduction de sections utilisées par de grosses marques e-commerce.
Comment mettre à jour ton thème
La procédure est simple. Rends-toi dans ton espace membre, sur la page « Mettre à jour », tout y est expliqué étape par étape.
Le détail complet des évolutions est disponible sur la page roadmap du site.
Et si tu n'as pas encore testé le Story Thème, c'est probablement le meilleur moment pour le faire : cette version est celle qui te donne le plus de liberté depuis le lancement du thème.
