Skip to Content
Homepage sectionsFeatured product

Featured product

The Featured product section shows one specific product with its gallery, variant options, and Add to cart button — no click through to a product page required. Ideal for:

  • Launch products
  • Weekly drops
  • Single-product stores
  • Above-the-fold shoppable content

Add section → Featured product

On the homepage, scroll to Add section and pick Featured product.

Pick the product

Click Product → Select product and choose the one you want to showcase.

Configure the layout

Options:

  • Media left, info right (default, feels product-page-like)
  • Info left, media right (reversed)
  • Media above info (single-column, works well on mobile-first stores)

Save

The section is block-based — each element (title, price, variant picker, buy button, description) is a block you can add, remove, or reorder.

Scroll blocks in the left panel

You’ll see:

  • Title — product title
  • Price — with compare-at and sale styling
  • Variant picker — swatches for colors, dropdowns for other options
  • Buy buttons — Add to cart + Buy it now
  • Key facts — short bulleted list (metafield-driven)
  • Description — the full product description
  • Rating — star rating from your reviews app
  • Custom text — an extra paragraph you write in-section

Drag to reorder

Remove blocks you don’t need

Metafields in this section

If your product has custom.key_facts set, the Key facts block auto-fills. Same for custom.specs if you add a Specifications block, etc. See Product metafields for the full setup.

Media behavior

  • Only the featured product’s own images/videos are shown
  • Variants with images auto-switch the gallery when selected
  • Video and 3D models render below the image gallery (same as on the product page)
HeroFeatured collection