Featured products

Featured products shows a row of product cards, drawn from a collection or hand-picked one by one. Above the cards it carries a Header content slot for a heading and supporting text. On phones the row becomes a swipeable carousel with dots.

Add the section

1. In the theme editor, open the page where you want it (the home page is typical).
2. Select Add section.
3. Under Products, choose Featured products.

The section ships with a heading and product cards in place, so it shows a preview row before you change anything.

Choose which products show

The section has two pickers at the top. You fill in one of them.

• Collection: pick a collection and the section shows its products in the collection's order. Use this when you want the row to track a collection automatically.
• Products: hand-pick up to 12 products, in the order you want them, when you need an exact lineup rather than a whole collection.

If you set both, the Collection wins and the hand-picked Products list is ignored. The row shows up to 12 products. With both pickers empty, it shows placeholder cards so you can see the layout while you build the page.

The Header content slot

The Header is a content slot above the product row. It comes prefilled with an eyebrow line and a heading. Edit, reorder, add, or remove the blocks inside it the same as any content slot: select a block in the section's blocks and change its text. Leave the slot empty to show only the products.

The product cards

Each card is built from blocks (image, title, price, and optional label, rating, and swatches). Select a card's blocks to add, remove, or reorder these parts. Card content such as the label and rating comes from your product data, not from text you type here. The cards inherit the section's color scheme.

Settings

This section also uses the standard Color, Padding, Margin, and Visibility controls. See Common section settings.

Tips

• Use Collection for a row that updates itself when the collection changes (a "New arrivals" or "Best sellers" feed). Use Products when the exact items and their order matter.
• If you hand-picked products but the row shows different items, check the Collection picker. A collection overrides the Products list, so clear it to use your picks.
• The carousel dots appear only with two or more products. A single product shows as one card with no dots.