Hero Banner

Qué hace esta sección

Full-width hero section with media support

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.

• Centered Flex

  Gratiscentered

  Flexible hero where the text and image follow the horizontal alignment

  Propios de este estilo: badge, title, subtitle, buttons, media

• Split Layout

  Gratissplit

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

  Propios de este estilo: badge, title, subtitle, buttons, media, reverseLayout, imageRatio

• Video Background

  Editor de páginasvideo-background

  Full-screen video with overlay text

  Propios de este estilo: badge, title, subtitle, buttons, media, overlayOpacity

• Mosaic Split

  Editor de páginasmodern-dark

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

  Propios de este estilo: badge, title, subtitle, buttons, galleryImages, showFloatingOrbs

• Media Gallery

  Editor de páginasmedia-gallery

  Hero with media gallery grid

  Propios de este estilo: badge, title, subtitle, buttons, mediaItems, galleryColumns

• Image Links

  Editor de páginasimage-links

  Hero with 6 clickable image cards linking to pages

  Propios de este estilo: badge, title, subtitle, buttons, imageLinks

• Cards Hero

  Editor de páginascards-hero

  Hero with featured product/category cards

  Propios de este estilo: badge, title, subtitle, buttons, imageLinks

• Image Gallery

  Editor de páginasimage-gallery

  Clean light-themed gallery with multiple images

  Propios de este estilo: badge, title, subtitle, buttons, galleryImages, galleryColumns

• Hercules Power

  Editor de páginashercules-power

  Energy-packed hero design with strong visual impact

  Propios de este estilo: badge, title, subtitle, buttons, media

• Portrait Videos

  Editor de páginasportrait-videos

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

  Propios de este estilo: badge, title, subtitle, buttons, portraitVideos, portraitVideoLayout

• Joy Blob

  Editor de páginasjoy-blob

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

  Propios de este estilo: badge, title, subtitle, buttons, blobColor1, blobColor2, blobColor3, blobColor4, enableMorph, enableFloat, floatingItems, stats

• Cinematic Luxe

  Editor de páginascinematic-luxe

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

  Propios de este estilo: media, overlayOpacity, scriptAccent, badge, title, subtitle, buttons, kenBurnsEnabled

• Editorial

  Editor de páginaseditorial-marquee

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

  Propios de este estilo: badge, title, subtitle, buttons, galleryImages, marqueeItems, marqueeSpeed

• Bento Magnetic

  Editor de páginasbento-magnetic

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

  Propios de este estilo: badge, title, subtitle, buttons, bentoCards, cursorBlobEnabled, stats

• Stat Band

  Editor de páginasstat-band

  Centered headline with an integrated band of key metrics

  Propios de este estilo: badge, title, subtitle, buttons, media, stats

• Split Showcase

  Editor de páginassplit-showcase

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

  Propios de este estilo: badge, title, subtitle, buttons, media, reverseLayout, imageRatio, stats, stripImages

• Diagonal Split

  Editor de páginasdiagonal-split

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

  Propios de este estilo: badge, title, subtitle, buttons, media

• Spotlight Glow

  Editor de páginasspotlight-glow

  Dark stage with a radial spotlight and a glowing media frame

  Propios de este estilo: badge, title, subtitle, buttons, media

• Polaroid Stack

  Editor de páginaspolaroid-stack

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

  Propios de este estilo: badge, title, subtitle, buttons, media, galleryImages

• Mega Type

  Editor de páginasmega-type

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

  Propios de este estilo: badge, title, subtitle, buttons, media

• Fullscreen Cover

  Editor de páginasfullscreen-cover

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

  Propios de este estilo: badge, title, subtitle, buttons, media

• Scroll Zoom

  Editor de páginasscroll-zoom

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

  Propios de este estilo: badge, title, subtitle, buttons, media, overlayOpacity

• Index Reveal

  Editor de páginasindex-reveal

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

  Propios de este estilo: badge, title, subtitle, imageLinks, overlayOpacity

• Cinematic Stats

  Editor de páginascinematic-stats

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

  Propios de este estilo: badge, title, subtitle, buttons, media, overlayDirection, overlayOpacity, statColor, stats

• Studio Split

  Editor de páginasstudio-split

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

  Propios de este estilo: badge, title, subtitle, buttons, media, imageRadius, imageShadow, imageAspect, overlayBadgeText, emphasisStyle, nameFont, metaStats, showChip, chipImage, chipTitle, chipPrice

• Search Spotlight

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

  Propios de este estilo: badge, title, subtitle, searchPlaceholder, searchButtonText, suggestionsLabel, suggestions, searchWidth, overlayOpacity, buttons, media

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