> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Product row

> A sideways scrolling row of products from one collection, such as new arrivals.

![Product row on the storefront](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/product-row.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=7d1c1210b1d21c5a5e76a2bfc45738e7)

Product row, highlighted with the demo content

## Where to find it

Tenth section of the Home page template, headed New arrivals on install. In the theme editor choose Home page in the page selector, then select Product row. Add it again, to this or other pages, with Add section.

## How it works

* Shows the first products of the Collection, up to Products (4 to 16, default 8), as Kelvin product cards in one row.
* Shoppers scroll or swipe the row. The previous and next buttons move it one card at a time and are dimmed at either end.
* Link label links to the collection.
* Four cards show at once on wide screens, three below 1100 px, and on phones one card plus the edge of the next.
* With no collection chosen the section is hidden on the store, and the theme editor shows example cards. An empty collection says No products in this collection yet.

![Product row in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-product-row.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=c9529764921fe23ab9694d4165d293c5)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* For new arrivals, choose a collection sorted newest first (Products → Collections → the collection → Sort).
* Set Products to 8 or more so the row has something to scroll on wide screens.
* Keep Link label short, such as See all.
* Add more rows for other collections, such as Back in stock or Under \$50.

## Settings

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: New arrivals. |
| **Collection** | Choose a collection. Sort the collection by date, newest first, for new arrivals. |
| **Products** | Slider from 4 to 16. Default: 8. |
| **Link label** | Text. Default: See all. |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |

> [!NOTE]
>
> On install no collection is chosen, so the row is hidden on the store until you pick one.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.