Featured collection

A product rail with swatches, quick view, ratings, and new badges. Thirty-three settings, and it inherits the global product card settings.

Merchant-addable
Yes
Settings
30
Block types
File
sections/featured-collection.liquid

Used by default on: Home

Screenshots pending

Captures for Featured collection at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

Home pages and anywhere you want to surface a curated set without sending the customer to a collection page.

Setting it up

  1. Add the section and pick a collection under Content.
  2. Set rail behavior under Layout.
  3. Configure Product cards — though most card behavior comes from the global theme settings, so check those first.
  4. Set Style.

Where the content comes from

Shopify collection and product data. The section owns presentation.

Notes and cautions

  • Card image ratio, hover behavior, and badges are global settings. Changing them here when you meant to change them everywhere leads to a store that looks inconsistent.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Content

CollectionCollection
ID
collection
Eyebrow textText
ID
eyebrow
Default
Curated for you
HeadingText

Uses the collection heading when left blank.

ID
heading
Default
The Lux edit
Body textRich text
ID
description
Default
<p>Distinctive pieces selected for their form, function, and lasting appeal.</p>
Button labelText

Leave blank to hide the collection link.

ID
button_label
Default
Explore the collection
Button styleDropdown
ID
button_style
Default
Text link
  • Text linktext
  • Solidsolid
  • Outlineoutline
Show collection product countCheckbox
ID
show_collection_count
Default
On

Layout

Desktop layoutDropdown
ID
layout
Default
Editorial spotlight
  • Editorial spotlighteditorial
  • Gridgrid
  • Product shelfshelf
Products to showSlider
ID
products_to_show
Default
7
Range
2 to 12, in steps of 1
Desktop columnsSlider
ID
columns_desktop
Default
4
Range
2 to 5, in steps of 1
Mobile layoutDropdown
ID
mobile_layout
Default
Swipe
  • Swipeswipe
  • Gridgrid
Mobile products per rowDropdown
ID
columns_mobile
Default
One
  • One1
  • Two2
Space between productsSlider
ID
product_gap
Default
24
Range
8px to 48px, in steps of 4px

Product cards

Card styleDropdown
ID
card_style
Default
Quiet
  • Quietquiet
  • Framedframed
Image ratioDropdown
ID
media_ratio
Default
Portrait
  • Adapt to imageadapt
  • Portraitportrait
  • Squaresquare
  • Landscapelandscape
Image fitDropdown
ID
image_fit
Default
Fill
  • Fillcover
  • Fitcontain
Product information alignmentDropdown
ID
info_alignment
Default
Left
  • Leftleft
  • Centercenter
Show product numbersCheckbox
ID
show_product_index
Default
On
Show vendorCheckbox
ID
show_vendor
Default
On
Show second image on hoverCheckbox
ID
show_secondary_image
Default
On
Show spotlight product descriptionCheckbox

Applies to the first product in the editorial spotlight layout.

ID
spotlight_description
Default
On
Show quick addCheckbox
ID
show_quick_add
Default
On
Show quick viewCheckbox

Opens a popup with variant options and add to cart for products with multiple variants.

ID
show_quick_view
Default
On
Show product ratingCheckbox

Displays star ratings from a connected product reviews app.

ID
show_reviews
Default
Off

Style

Color schemeColor scheme
ID
color_scheme
Default
scheme-1
Heading sizeDropdown
ID
heading_size
Default
Large
  • Smallsmall
  • Mediummedium
  • Largelarge
Content alignmentDropdown
ID
content_alignment
Default
Left
  • Leftleft
  • Centercenter
Show entrance animationCheckbox

Fades the section in on scroll. Respects the theme animation setting and reduced motion.

ID
enable_entrance_animation
Default
On
Top spacingSlider
ID
padding_top
Default
72
Range
0px to 120px, in steps of 4px
Bottom spacingSlider
ID
padding_bottom
Default
72
Range
0px to 120px, in steps of 4px