# Products recently viewed

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Products recently viewed**
3. **Save**
   {% endhint %}

## Products recently viewed

#### 1. Section header and general

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/7IFV1iUeaVhAFkAXY2gi/image.png" alt=""><figcaption></figcaption></figure>

**Layout:** You can choose between Container, Wrapped container, Full width for the banner layout.

**Color schema:** You are allowed to change text color, background color with preset color.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/Rwrj805bUFuhM1u2hNPp/image.png" alt=""><figcaption></figcaption></figure>

#### 2. Products recently settings

Select **Autoplay** option to run the list automatically.

You can also use pagination or navigation

Adjust the number of shown products (between 1 and 30), products per row (between 1 and 4), and the column gap.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/LrsPzisdm3YyyyNL0uKQ/image.png" alt=""><figcaption></figcaption></figure>

#### 3. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/Fjd092dX6vv6CiljShyH/image.png" alt=""><figcaption></figcaption></figure>
