Story Scroll Hero

Qué hace esta sección

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

Dónde se coloca

• Se puede usar como máximo 1 vez/veces en una página.
• Esta sección está en todos los planes: no necesita ningún complemento.

Estilos

Distintos aspectos para la misma sección. Puedes cambiar el estilo más tarde; tu contenido se mantiene.

Los primeros 2 estilos de cada sección están abiertos en todas las tiendas. El resto se desbloquea con el complemento Editor de páginas, todos a la vez.

• Cinematic

  Gratiscinematic

  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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Split Parallax

  Gratissplit-parallax

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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Stacked Cards

  Editor de páginasstacked-cards

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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Kinetic Split

  Editor de páginaskinetic-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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Arc Reveal

  Editor de páginasarc-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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Flip Through

  Editor de páginasflip-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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Editorial Swap

  Editor de páginaseditorial-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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Orbit Duo

  Editor de páginasorbit-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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Poster Swap

  Editor de páginasposter-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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Duo Frames

  Editor de páginasduo-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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

• Filmstrip

  Editor de páginasfilmstrip

  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

  Propios de este estilo: parallaxIntensity, overlayOpacity, showProgressRail, showScrollHint, scrollHintText, imageSide, items

Ajustes

Los campos que aparecen en el panel Ajustes de sección, a la derecha, al seleccionar esta sección.

Comunes a todos los estilos

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