Ajoute une bannière hero en haut de la collection [nom de la collection] : une image lifestyle en arrière-plan, le titre "[votre titre]", [votre sous-titre], et un bouton CTA renvoyant vers [votre page liée].
Want more control? See the expanded prompt ›
Ajoute une bannière hero en haut de la collection Soins de la peau : une image lifestyle en arrière-plan, le titre 'Conçu pour les peaux sensibles', un sous-titre sur les ingrédients clean, et un bouton CTA renvoyant vers la page de transparence des ingrédients.
- Une bannière différente par collection — entièrement modifiable dans l'Éditeur de thème.
- Image en arrière-plan, titre, sous-titre et CTA.
- Les champs méta (metafields) par collection permettent de l'automatiser.
- Recadrage de l'image optimisé pour mobile.
Ce que vous essayez de faire
La plupart des pages de collection commencent par un H1 de 24px et plongent directement dans les produits. C'est bien pour les acheteurs qui savent déjà ce qu'ils veulent, mais ça ne laisse aucune place au storytelling de la marque. Une bannière de collection ancre la page dans votre identité avant que la grille ne fasse son travail.
Points de vigilance
- Qualité de l'image : Fudge vous avertit si l'image hero fait moins de 1600px de large.
- Recadrage mobile : Fudge peut utiliser une image différente par breakpoint.
- Répétition de la bannière : Fudge peut masquer la bannière lors de la deuxième visite si vous configurez une règle de cookie.
- Performance : les images de la bannière sont responsives, avec
srcset.
Comment Fudge procède
Fudge duplique votre thème actif dans un brouillon, crée la section en tant que section Shopify modifiable avec l'emplacement et le comportement requis par votre prompt, et la connecte aux vraies données de vos produits et au style de votre marque. Tout commence en brouillon : prévisualisez sur votre boutique, ajustez via l'Éditeur de thème, et ne publiez que lorsque vous êtes prêt. Votre boutique active reste intacte.
Pourquoi les bannières de page de collection sont importantes
Les bannières de page de collection transforment les grilles de produits en expériences de marque. Une photo lifestyle + un titre avec la voix de la marque + un CTA ciblé au-dessus de la grille de produits donnent du contexte aux acheteurs et les dirigent vers un contenu de marque plus approfondi.
Quand est-ce que ça vaut le coup d’en créer une
Créez une bannière de collection pour vos collections phares (hero collections) : vos best-sellers, vos lancements saisonniers, vos gammes éco-responsables. Ignorez-la pour les collections utilitaires (déstockage, cadeaux à moins de X €) où la présence de la bannière n’est pas justifiée.
Ce qui rend une bannière efficace
- Des images lifestyle, pas des photos de produits — la bannière donne le contexte, la grille vend les produits.
- Un titre avec la voix de la marque — spécifique à la collection, pas générique.
- Un CTA ciblé — renvoie vers du contenu de marque pertinent (transparence des ingrédients, histoire du fondateur).
- Des images responsives — un srcset approprié pour mobile et desktop.
Associez ceci à l’intro SEO de la page de collection et aux filtres et tri par tags. Fudge crée la bannière avec son éditeur de boutique ; pour la méthode manuelle, voir comment ajouter une bannière à une page de collection Shopify.