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

# Show recently viewed products with Facet

> Add Facet's recently viewed section, learn how it remembers products in each shopper's browser, and set the heading, number of products and columns.

The Facet recently viewed section shows a row of products the shopper looked at earlier, newest first. It helps shoppers get back to a product they were comparing. This page explains where the products come from and covers the section settings.

## What this section controls

* The heading above the row.
* How many products the row can show.
* How many cards fit across the screen on desktop.

## How it works

There is no product picker. The section builds the row on its own for each shopper:

* Each time a shopper opens a product page that has this section, the product is saved in that shopper's browser. The browser keeps up to 50 products, newest first. Nothing is stored in your Shopify admin or in a customer account.
* When the section comes into view, it shows those products as product cards, newest first. On a product page, the product being viewed is left out.
* Sold-out products still show, in the order they were viewed.

The list belongs to one browser on one device. It is empty for a first-time visitor, in a private window, or after the shopper clears their browsing data. When there is nothing to show, the whole section stays hidden.

> [!NOTE]
>
> Products are only remembered on product pages that include this section. Add it to your product template so every product a shopper opens is saved, then add it to other pages too, such as the home page or the cart.

## Getting started

**1. Open the Theme Customizer**

In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet.

**2. Open a product page**

Use the page selector at the top to open **Products**, then **Default product**.

**3. Add the section**

Click **Add section** and choose **Recently viewed**. It can't be added to the header or footer.

**4. Check it in a preview**

The section stays hidden until you have viewed other products. Open two or three product pages in your store preview, then return to see the row.

![The theme editor with the Recently viewed section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/recently-viewed/recently-viewed-location.jpg?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=a04819487e4f87b39e124f88baaaf151)

## Section settings

![Theme editor sidebar showing the Recently viewed section settings: Heading, Products to show, Desktop columns, Common settings, Color scheme, Top padding, and more.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/recently-viewed/recently-viewed-settings-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=1ab1ee37ffa97c9ed3197a6d140cd6b3)

* **Heading**: the title above the row. Default: "Recently viewed".
* **Products to show**: from 2 to 12. Default: 8.
* **Desktop columns**: **3 columns**, **4 columns** (default) or **5 columns**. Phones show 2 cards across and tablets 3. Shoppers scroll the row sideways to see more.

The row has previous and next arrows beside the heading and dots under the cards. Each card has a quick add button.

### Common settings

![Theme editor sidebar showing the Recently viewed section settings (part 2, scrolled): Products to show, Desktop columns, Common settings, Color scheme, Top padding, Bottom padding, and more.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/recently-viewed/recently-viewed-settings-2.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=431577bab7cad0e05332374a6894b906)

* **Color scheme**: the colors of the section.
* **Top padding**: None (default), Small, Medium, Large or Extra large.
* **Bottom padding**: None, Small, Medium, Large (default) or Extra large.
* **Page width**: Narrow, Narrower, Fluid (default) or Full.

See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details.

## Best practices

* **Put it on the product template first.** That is where products get remembered. Without it there, the row on other pages stays empty.
* **Place it low on the product page.** Shoppers who scroll past the description and related products are often still deciding.
* **Pair it with related products.** Related products shows new ideas, recently viewed brings back what the shopper already liked.

## Related guides

> [card] [Related products](https://docs.shopify.lightsout.agency/themes/facet/sections/related-products.md)
>
> Suggest other products on the product page.

> [card] [Product cards](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/product-cards.md)
>
> Change how the cards in this row look.


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