# Recently viewed products

The "Recently Viewed Products" section displays items that a customer has previously browsed, making it easy for them to revisit and consider these products. This feature enhances convenience, improves navigation, and encourages conversions by keeping products top of mind.

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FLbLOTo7Jw3rbeLlfwtYb%2F2025-04-04_14-37-02.jpg?alt=media&#x26;token=27e4c9ed-1871-4b63-a5c8-803ec414cf6d" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Recently viewed products**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FP2qmv0UyhicyX3nftWVl%2F2025-04-04_14-37-36.jpg?alt=media&#x26;token=38b42a9e-8e5e-4ffa-a286-dc3aefef10f8" alt="" width="282"><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### Grid & Mobile layout

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F0WsZDwGnE5cIrwQWbSPr%2F2025-04-04_14-38-57.jpg?alt=media&#x26;token=37713287-4f48-41c3-9544-76aaca799e84" alt="" width="280"><figcaption></figcaption></figure>

* **Maximum products to show**
* **Columns on desktop**
* **Columns on mobile** - 1 column / 2 columns
* Gap ( mobile )

### Colors

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**