# Products recently viewed

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F3NwQzJ9KUhYMztfXr0uG%2Fimage.png?alt=media&#x26;token=09ab5144-1f4e-4a92-b80c-dffc57fd6ac6" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

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

## General

| Setting                | Description                                                                                                                           |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
| Section width          | You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video. |
| Color scheme           | You are allowed to change text color, background color, etc. with preset color.                                                       |
| Heading, description   | Use the provided text fields to add a suitable heading/description. Leave any of them blank if you do not want to display them.       |
| Header size, alignment | Adjust the text alignment (left/center/right) along with the font size.                                                               |

## Product settings

Determine the total number of products to showcase, configure how many products should appear in each row, and adjust the spacing between adjacent products for a neat and organized presentation.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FSNCSrDPBZWtxgJ8PWF0W%2Fimage.png?alt=media&#x26;token=cd17da84-bbf2-48f9-823c-5433cbfe9f1f" alt=""><figcaption></figcaption></figure>

## Carousel settings

**Show Next/Back:** Display arrows to navigate to the next or previous item.

**Pagination:** Choose from different types of pagination options.

**Setup period time:** Configure the time interval for changing slides.

**Reveal next slide:** Allow a part of the next slide to be visible while the previous one is still displayed.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FC9vyeLf3ndwMzY9uqHMS%2Fimage.png?alt=media&#x26;token=5dbd9a34-3886-4049-b2d4-7c1472d1d76e" alt=""><figcaption></figcaption></figure>

## **Mobile options and Section padding**

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

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F1Xrz8BN5AV9cjUVfdLWN%2Fimage.png?alt=media&#x26;token=f0bc4559-1c64-4a23-8771-52509852fa1f" alt=""><figcaption></figcaption></figure>
