Page Hero

Ce que fait cette section

Hero/header section for any page

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

  Gratuitcentered

  Center-aligned badge, bold title and subtitle

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Split

  Gratuitsplit

  Left-aligned text with right decorative illustration

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor, splitTagLabel

• Minimal

  Éditeur de pagesminimal

  Compact, clean heading with breadcrumb styling

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, textAlign, textColor, accentColor

• Gradient

  Éditeur de pagesgradient

  Vibrant gradient background with bold display title

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Magazine

  Éditeur de pagesmagazine

  Editorial layout with large accent label, separator and title

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, buttons, accentLabel, accentColor, textAlign, textColor

• Hero Image

  Éditeur de pageshero-image

  Full-width background image with centered text overlay

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, image, overlayOpacity, accentColor, textAlign, textColor

• Image Bottom

  Éditeur de pagesimage

  Full-width background image with text anchored at the bottom

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, image, overlayOpacity, accentColor, textAlign, textColor

• Wave

  Éditeur de pageswave

  Gradient hero with an elegant SVG wave divider at the bottom

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor, showGlow

• Neon

  Éditeur de pagesneon

  Dark cinematic hero with glowing neon text and grid pattern

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Bold

  Éditeur de pagesbold

  Oversized display typography that makes the title impossible to miss

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Floating

  Éditeur de pagesfloating

  Centered title with animated floating category pill tags

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, floatingTags, accentColor, textAlign, textColor

• Diagonal

  Éditeur de pagesdiagonal

  Bold two-panel layout split by a sharp diagonal — accent color floods the left, content lives right

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, buttons, accentColor, textAlign, textColor

• Retro

  Éditeur de pagesretro

  Newspaper brutalist design with thick borders and a flat color block — strong editorial identity

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Stack

  Éditeur de pagesstack

  Three rotated cards create depth — the front card holds your title and badge

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Billboard

  Éditeur de pagesbillboard

  Gigantic split typography: outline text stacked over solid accent — impossible to miss

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Typewriter

  Éditeur de pagestypewriter

  Animated cycling words — the headline continuously morphs through your categories

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, typewriterWords, accentColor, textAlign, textColor

• Glassmorphism

  Éditeur de pagesglass

  Colorful blurred blobs behind a frosted glass content card — premium and modern

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Geometric

  Éditeur de pagesgeometric

  Large CSS-drawn geometric shapes frame bold editorial left-aligned text

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Split Image

  Éditeur de pagessplit-image

  Full-bleed image on the left, bold headline on the right — dramatic visual divide

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, image, overlayOpacity, accentColor, textAlign, textColor

• Aurora

  Éditeur de pagesaurora

  Animated northern-lights gradient pulsing behind oversized gradient-clipped text

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Sporty

  Éditeur de pagessporty

  Full-bleed image with bottom-left anchored bold text. Athletic inner-page hero matching the sporty slider visual language.

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, image, overlayOpacity, accentColor, textAlign, textColor

• Joy Gradient

  Éditeur de pagesjoy-gradient

  Playful lilac→aqua collection banner with a rounded bottom, blurred decorative circles and floating fruit icons

  Propres à ce style: showBadge, badgeText, title, highlightedWord, subtitle, crumbText, gradFrom, gradTo, inkColor, bottomRadius

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