> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/drift-shopify-theme/drift-starter/sections-and-features/feed.md).

# DRIFT Feed

A vertical, swipeable product feed — like a TikTok For You feed but for shopping. Customers swipe or scroll through products one at a time.

## How to access

Add the **DRIFT Product Feed** section to any page in the customizer.

## Settings

### Collection

Choose which collection to display in the feed. Defaults to your Frontpage collection.

### Image ratio

Choose **1:1 (Square)** or **3:4 (Portrait)**.

### Products to show

Range from 4 to 50. Maximum number of products in the feed.

### Show product title

Display product title below each image.

### Show product price

Display product price below each image.

### Progress indicator

Choose **None**, **Dots**, or **Numbers**. Shown on the left side of the feed.

### Swiping through a product's images (mobile)

Hover reveals a second image on desktop, but touch has no hover — so on mobile the images become swipeable instead.

* **Swipe up/down** — moves between products, as before
* **Swipe left/right** — moves through that product's images, up to four

The two gestures are handled by the browser on separate axes, so neither interferes with the other, and it works the same way as the product page's mobile gallery — shoppers only learn the gesture once.

Whichever image is nearest the centre is full size and sharp; its neighbours scale down, blur and fade, matching the treatment products get in the vertical feed.

Nothing to configure. Any product with more than one image gets it automatically, and images past the first are lazy-loaded so a feed full of products doesn't pay for images nobody swipes to. A product scrolled away from returns to its first image.