# Recently viewed products

{% hint style="info" %}
**Update** | This feature was added in v6.4.0 on December 11, 2023. See our [changelog](/lorenza/readme/changelog.md) and [theme update guide](/lorenza/readme/theme-updates.md) to learn more.
{% endhint %}

In the Product template, the **Recently viewed products** section automatically display rows of products that the customer has viewed on your site. This section remains hidden until the customer has viewed several product pages.

## Set up recently reviewed products

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Open the **Product template** using the template selector.
2. Click (**+) Add section** and select **Recently viewed products.**

   Click and hold the drag and drop handles **`⋮⋮`** to change the order of sections.
3. Click the **Recently viewed products** section to open the settings.
4. Enter **Small heading** text to display above the heading.
5. Enter **Heading** text to display as the section title.
6. Enter **Subheading** text to display underneath the heading.
7. Select the **Maximum number of products** to show. Between **3** and **15**.

   > The section will not show the product that’s currently being viewed.
8. Select the **Number of columns on desktop**. Either **3, 4**, or **5**.
9. Select the **Number of columns on mobile**. Either **1** or **2**.
10. Choose to **Enable animation** to show visual effects when scrolling, hovering, or interacting with the section.
11. Click **Save**.

</details>

## Settings reference

In the Product template, click the **Recently viewed products** section to find the following settings.

#### **Section content**

Add heading and subheadings at the top of the section.

| Setting       | Description                                           |
| ------------- | ----------------------------------------------------- |
| Small heading | Add label text to show above the main heading.        |
| Heading       | Add text to show a main heading above the section.    |
| Subheading    | Add text to show a subheading below the main heading. |

#### **Product list**

Change the layout of the product cards on desktop and mobile.

| Setting                      | Description                                                                                      |
| ---------------------------- | ------------------------------------------------------------------------------------------------ |
| Maximum number of products   | Set a limit on how many product recommendations to display within the section: between 3 and 15. |
| Number of columns on desktop | Choose how many recommendations to show per row on desktop screens: either 3, 4, or 5 columns.   |
| Number of columns on mobile  | Choose how many collections to show per row on mobile screens: either 1 or 2 columns.            |

#### **Section style**

| Setting          | Description                                                                                         |
| ---------------- | --------------------------------------------------------------------------------------------------- |
| Enable animation | Choose whether to display visual effects when scrolling, hovering, or interacting with the section. |
| <p><br></p>      |                                                                                                     |

***

> **Related links**
>
> [Product recommendations](/lorenza/product-pages/product-page-sections/recommended-products.md)\
> [Complementary products](/lorenza/product-pages/product-page-blocks/complementary-products.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/lorenza/product-pages/product-page-sections/recently-viewed-products.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
