Hero Banner

Ce que fait cette section

Full-width hero section with media support

Où elle se place

• Utilisable au maximum 1 fois sur une page.
• Cette section est incluse dans toutes les formules — aucun plugin requis.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Centered Flex

  Gratuitcentered

  Flexible hero where the text and image follow the horizontal alignment

  Propres à ce style: badge, title, subtitle, buttons, media

• Split Layout

  Gratuitsplit

  Text on one side, full-height image on the other. Use Reverse Layout to swap sides.

  Propres à ce style: badge, title, subtitle, buttons, media, reverseLayout, imageRatio

• Video Background

  Éditeur de pagesvideo-background

  Full-screen video with overlay text

  Propres à ce style: badge, title, subtitle, buttons, media, overlayOpacity

• Mosaic Split

  Éditeur de pagesmodern-dark

  Split hero with a text column and a 2×2 image mosaic, plus subtle animated gradient accents

  Propres à ce style: badge, title, subtitle, buttons, galleryImages, showFloatingOrbs

• Media Gallery

  Éditeur de pagesmedia-gallery

  Hero with media gallery grid

  Propres à ce style: badge, title, subtitle, buttons, mediaItems, galleryColumns

• Image Links

  Éditeur de pagesimage-links

  Hero with 6 clickable image cards linking to pages

  Propres à ce style: badge, title, subtitle, buttons, imageLinks

• Cards Hero

  Éditeur de pagescards-hero

  Hero with featured product/category cards

  Propres à ce style: badge, title, subtitle, buttons, imageLinks

• Image Gallery

  Éditeur de pagesimage-gallery

  Clean light-themed gallery with multiple images

  Propres à ce style: badge, title, subtitle, buttons, galleryImages, galleryColumns

• Hercules Power

  Éditeur de pageshercules-power

  Energy-packed hero design with strong visual impact

  Propres à ce style: badge, title, subtitle, buttons, media

• Portrait Videos

  Éditeur de pagesportrait-videos

  Large 9:16 portrait videos shown beneath the text content. Reels/TikTok-style showcase.

  Propres à ce style: badge, title, subtitle, buttons, portraitVideos, portraitVideoLayout

• Joy Blob

  Éditeur de pagesjoy-blob

  Morphing color blob with floating product images, stats row and dual CTA

  Propres à ce style: badge, title, subtitle, buttons, blobColor1, blobColor2, blobColor3, blobColor4, enableMorph, enableFloat, floatingItems, stats

• Cinematic Luxe

  Éditeur de pagescinematic-luxe

  Dark full-bleed cinematic hero with Ken Burns background, Pinyon Script accent, mask-wipe title reveal and color-flip cream CTAs

  Propres à ce style: media, overlayOpacity, scriptAccent, badge, title, subtitle, buttons, kenBurnsEnabled

• Editorial

  Éditeur de pageseditorial-marquee

  Asymmetric editorial split — oversized title, alignment-aware image montage, and a brand-keyword marquee beneath

  Propres à ce style: badge, title, subtitle, buttons, galleryImages, marqueeItems, marqueeSpeed

• Bento Magnetic

  Éditeur de pagesbento-magnetic

  Headline left + modular bento card grid right; staggered scroll-reveal and magnetic CTA

  Propres à ce style: badge, title, subtitle, buttons, bentoCards, cursorBlobEnabled, stats

• Stat Band

  Éditeur de pagesstat-band

  Centered headline with an integrated band of key metrics

  Propres à ce style: badge, title, subtitle, buttons, media, stats

• Split Showcase

  Éditeur de pagessplit-showcase

  Badge, headline with a highlighted word, subtitle and two CTAs beside a large image, with a metric row and a thumbnail strip beneath

  Propres à ce style: badge, title, subtitle, buttons, media, reverseLayout, imageRatio, stats, stripImages

• Diagonal Split

  Éditeur de pagesdiagonal-split

  Copy on the left, full-bleed media cut by a diagonal seam

  Propres à ce style: badge, title, subtitle, buttons, media

• Spotlight Glow

  Éditeur de pagesspotlight-glow

  Dark stage with a radial spotlight and a glowing media frame

  Propres à ce style: badge, title, subtitle, buttons, media

• Polaroid Stack

  Éditeur de pagespolaroid-stack

  Copy on the left, tilted polaroid photo cards on the right

  Propres à ce style: badge, title, subtitle, buttons, media, galleryImages

• Mega Type

  Éditeur de pagesmega-type

  A giant edge-to-edge headline over a full-width media band

  Propres à ce style: badge, title, subtitle, buttons, media

• Fullscreen Cover

  Éditeur de pagesfullscreen-cover

  Near-full-viewport cover image with a cinematic gradient and oversized headline

  Propres à ce style: badge, title, subtitle, buttons, media

• Scroll Zoom

  Éditeur de pagesscroll-zoom

  Scroll-driven stage: inset media grows to full-bleed as the headline settles

  Propres à ce style: badge, title, subtitle, buttons, media, overlayOpacity

• Index Reveal

  Éditeur de pagesindex-reveal

  Numbered collection index; hovering a row crossfades its full-bleed backdrop

  Propres à ce style: badge, title, subtitle, imageLinks, overlayOpacity

• Cinematic Stats

  Éditeur de pagescinematic-stats

  Full-bleed lifestyle image, left dark scrim, pill-chip eyebrow, big headline, dual CTA and a mini stats row

  Propres à ce style: badge, title, subtitle, buttons, media, overlayDirection, overlayOpacity, statColor, stats

• Studio Split

  Éditeur de pagesstudio-split

  Huge headline left beside a large rounded photo card with a glass badge, a floating product chip and a meta-stats row

  Propres à ce style: badge, title, subtitle, buttons, media, imageRadius, imageShadow, imageAspect, overlayBadgeText, emphasisStyle, nameFont, metaStats, showChip, chipImage, chipTitle, chipPrice

• Search Spotlight

  Éditeur de pagessearch-spotlight

  Search-first hero: a headline over a full-width search field wired to the real product search, with popular-query chips underneath and optional background media.

  Propres à ce style: badge, title, subtitle, searchPlaceholder, searchButtonText, suggestionsLabel, suggestions, searchWidth, overlayOpacity, buttons, media

Réglages

Les champs affichés dans le panneau Réglages de section, à droite, lorsque cette section est sélectionnée.

Communs à tous les styles

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height