All sections

Spotlight

Content7 styles20 settings

What this section does

Single-product feature section with dramatic presentation — full-bleed image, script overlay, or ornate frame.

Where it goes

  • Can be used as many times as you like on one page.
  • This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

  • Pedestal

    Freepedestal

    Full-bleed background image with a soft vignette and headline + CTA layered on top — moody and immersive

    Specific to this style: badge, title, subtitle, image, imageAlt, imageSide, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, buttons

  • Script Overlay

    Freescript-overlay

    Product photo on one side, oversized italic script word behind the image, headline and CTA on the other side

    Specific to this style: badge, title, subtitle, image, imageAlt, scriptWord, scriptColor, scriptOpacity, imageSide, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, buttons

  • Framed Portrait

    Page Editorframed-portrait

    Product photo in an ornate configurable border frame with corner accents — editorial and refined

    Specific to this style: badge, title, subtitle, image, imageAlt, frameColor, frameWidth, frameStyle, frameInset, imageSide, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, buttons

  • Split Stage

    Page Editorsplit-stage

    Edge-to-edge 50/50 — product image on one half, content panel on the other

    Specific to this style: badge, title, subtitle, image, imageAlt, imageSide, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, buttons

  • Minimal Center

    Page Editorminimal-center

    Centered stack — badge, product image, then headline, caption and CTA

    Specific to this style: badge, title, subtitle, image, imageAlt, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, buttons

  • Spec Callouts

    Page Editorspec-callouts

    Centered product image with annotation callout cards anchored at its corners, each pointing out a spec

    Specific to this style: badge, title, subtitle, image, imageAlt, specs, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, calloutBg, calloutTextColor, buttons

  • Spec Rail

    Page Editorspec-rail

    Large product image on one side and a vertical rail of label/value spec rows on the other

    Specific to this style: badge, title, subtitle, image, imageAlt, specs, imageSide, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, railDividerColor, buttons

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

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

This page is generated straight from the product's own section definitions, so a newly shipped section appears here too.

Live Instantly — Launch Your Website Today

Launch your website today.

Start for free. No credit card required. Blog, store, restaurant page, or portfolio — your site is ready in minutes.

No credit card required