# Products recently viewed

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), open the template selector
2. Select **Products**, then **Default product.**
3. On the left-sidebar, add **Products recently viewed**.
4. Make necessary changes > **Save.**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/g58IeNSba3X0gIGaQCW5/Screenshot%202023-12-15%20160834.png" alt=""><figcaption></figcaption></figure>

#### &#x20;1. Section header and general

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

Adjust the text alignment (left/center/right) along with the background color and container type.

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

You can choose your **Layout** type for the collection list as:

* Default
* Fluid container
* Full width

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

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

**2.Products List Setting**

Products per row (between 1 and 4), and the column gap (between 0 and 50)

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

You can also use pagination or navigation.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/NPee722rLF4Wng11nOiW/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/Z7y4cpRHdpxhm7gW7XUf/image.png" alt=""><figcaption></figcaption></figure>
