Story Scroll Hero

Ce que fait cette section

Scroll-driven storytelling hero — each item owns one full screen of scroll

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.

• Cinematic

  Gratuitcinematic

  Full-bleed crossfading images with a slow Ken Burns zoom, huge centered type and a vertical progress rail. Each chapter owns one full screen of scroll

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Split Parallax

  Gratuitsplit-parallax

  A text column beside an oversized media panel. As you scroll the media parallax-slides and the copy swaps with a translate + fade

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Stacked Cards

  Éditeur de pagesstacked-cards

  Each next chapter's giant rounded media card slides up over the previous one — a tactile, deck-style reveal

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Kinetic Split

  Éditeur de pageskinetic-split

  Scroll-choreographed: text sweeps in from the left, image counter-glides from the right, they cross and settle, then fly out opposite ways as the next chapter enters. Eased, with a slight rotation

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Arc Reveal

  Éditeur de pagesarc-reveal

  Content travels on curved quarter-circle paths instead of straight lines — the media swings in from the side while rotating and the text rises on its own arc

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Flip Through

  Éditeur de pagesflip-through

  Each chapter is a full-bleed card that flips in like a turning page — edge-on, swinging flat to face you, then flipping away as the next page turns in behind. True 3D

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Editorial Swap

  Éditeur de pageseditorial-swap

  Contained (not full-screen) big bold text beside a framed image. On scroll the text sweeps out the left edge while the image glides to the text's spot and crossfades to the next chapter; the next text arrives from off the right edge. Gentle bow arcs

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Orbit Duo

  Éditeur de pagesorbit-duo

  Big bold text and a framed image orbit around the centre on a circular path, swapping sides as you scroll while crossfading to the next chapter. Purely circular motion, never a straight slide

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Poster Swap

  Éditeur de pagesposter-swap

  Image-forward: a dominant big poster image (over half the stage) with huge bold text overlapping its edge. The poster glides in on a bow-arc while the text sweeps the opposite way and crossfades to the next chapter

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Duo Frames

  Éditeur de pagesduo-frames

  Two framed photos per chapter — a large primary plus a smaller accent (the next chapter's photo peeking in) — beside big bold text. Staggered bow-arcs keep multiple images in play

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Filmstrip

  Éditeur de pagesfilmstrip

  A horizontal gallery: three chapters at once — previous and next images peek at the edges, smaller and dimmed, while the current is big and centred. Scrolling advances the strip along a gentle arc

  Propres à ce style: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

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