# Recently viewed products

{% hint style="info" %}
**Update** | This feature was added in v6.4.0 on December 11, 2023. See our [changelog](https://help.fluorescent.co/lorenza/readme/changelog) and [theme update guide](https://help.fluorescent.co/lorenza/readme/theme-updates) 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](https://help.fluorescent.co/lorenza/product-pages/product-page-sections/recommended-products)\
> [Complementary products](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/complementary-products)