Toutes les sections

Showcase Hero

Hero8 styles20 réglages

Ce que fait cette section

Full-page hero section with a featured product or image as the centerpiece. Great for landing pages and campaign headers.

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.

  • Centerpiece

    Gratuitcenterpiece

    Single hero image center-stage with floating decorative accents and a fully configurable headline, subtitle, and CTA

    Propres à ce style: badge, title, subtitle, image, imageAlt, items, gridColumns, decorColor, decorOpacity, decorCount, decorShape, textColor, headingColor, accentColor, badgeBg, badgeColor, contentAlignment, buttons

  • Tower Script

    Gratuittower-script

    Tall stacked product images on one side with an oversized italic script word overlapping the photo — bold and editorial

    Propres à ce style: badge, title, subtitle, images, scriptWord, scriptColor, imageSide, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

  • Flat Lay

    Éditeur de pagesflat-lay

    Overhead flat-lay photo on one half, headline + chip tags on the other — clean top-down aesthetic

    Propres à ce style: badge, title, subtitle, image, imageAlt, chips, chipBg, chipColor, imageSide, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

  • Triptych

    Éditeur de pagestriptych

    Central headline framed by three staggered photos with configurable rotation for a dynamic, gallery feel

    Propres à ce style: badge, title, subtitle, imageLeft, imageCenter, imageRight, imageRotateLeft, imageRotateRight, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

  • Fanned Deck

    Éditeur de pagesfanned-deck

    Tilted product with ghost cards fanned behind

    Propres à ce style: badge, title, subtitle, image, imageAlt, images, accentImage, imageSide, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

  • Spotlight Field

    Éditeur de pagesspotlight-field

    Centered product in a bordered field with thumbnails + info bubbles

    Propres à ce style: badge, title, subtitle, image, imageAlt, items, priceLabel, ratingLabel, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

  • Split Grid

    Éditeur de pagessplit-grid

    Editorial split — copy block on one side, an asymmetric magazine-style group of product images on the other

    Propres à ce style: badge, title, subtitle, items, panelColor, imageSide, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

  • Type Banner

    Éditeur de pagestype-banner

    Big-type composition — an oversized headline banner with a floating product card and a row of supporting thumbnails

    Propres à ce style: badge, title, subtitle, image, imageAlt, items, watermarkColor, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

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

Cette page est générée directement à partir des définitions de section du produit : une nouvelle section y apparaît donc aussi.

En ligne instantanément — lancez votre site aujourd'hui

Launch your website today.

Start for free. No credit card required. Create your first store in minutes.

No credit card required