Featured collection
Where you can add it
Not in section groups: Header, Footer.
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Collection | Collection | — | |
| Eyebrow | Text | — | |
| Heading Make a word italic to emphasize it. | Inline rich text | New in the atelier | |
| Highlight color Leave empty to use the color scheme’s highlight. Shown when Heading is set. | Color | — | |
| Description | Text | — | |
| Products to show | Range | 8 | 2–16, step 1 |
| Show a link to the collection | Checkbox | On | |
| Arrangement | |||
| Layout on desktop Each breakpoint is chosen separately, so a grid on desktop can be a carousel on a phone — or stay a grid. | Select | Carousel | |
| Layout on tablet | Select | Carousel | |
| Layout on mobile | Select | Carousel | |
| Columns on desktop Shown when Layout on desktop is Grid. | Range | 4 | 2–6, step 1 |
| Columns on tablet Shown when Layout on tablet is Grid. | Range | 3 | 2–4, step 1 |
| Columns on mobile Shown when Layout on mobile is Grid. | Select | 1 | |
| Card width Width of each card in the carousel and stack layouts, at its widest. Narrower screens scale it down. Shown when Layout on desktop is not Grid or Layout on tablet is not Grid or Layout on mobile is not Grid. | Range | 340 px | 240–420 px, step 10 |
| Space between products | Range | 20 px | 8–48 px, step 2 |
| Pagination Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Select | Progress bar | |
| Show arrows Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Checkbox | On | |
| Show drag hint Shown next to the View all link while the products can be scrolled. Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Checkbox | Off | |
| Show drag cursor Replaces the mouse pointer with a round Drag label over the carousel. Shown only when motion is set to Full. Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Checkbox | Off | |
| Product card | |||
| Show rank numbers Numbers each product in the collection’s order: 01, 02, 03. | Checkbox | Off | |
| Image ratio | Select | Portrait | |
| Show the image gallery on hover On hover the card moves through the product’s images, as set in Theme settings › Product card › Image on hover. Touch screens show the first image. | Checkbox | On | |
| Show vendor | Checkbox | Off | |
| Show color swatches Shows swatches for the first option that has them set up in your product settings, or sibling products when they are turned on in theme settings. | Checkbox | On | |
| Show add to cart Adds to cart from the card for products with a single variant. Products with options link to the product page instead. | Checkbox | Off | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. | |||
Presets
Section titled “Presets”- Featured collection — Category: Collections
Starts with: empty