# Products recently viewed

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FmU2kUJnghzTd0veHUsQ5%2Fimage.png?alt=media&#x26;token=9892a29b-95bd-4448-9d29-ca871c50fd25" 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 %}

## Section settings <a href="#products-recently-viewed" id="products-recently-viewed"></a>

### **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.

<figure><img src="https://content.gitbook.com/content/niVteMYkc5VfE2wdYlOK/blobs/Qs6CQrHrVF8WJKYpac3s/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/niVteMYkc5VfE2wdYlOK/blobs/8ZEPUK0LrbpUNGoqvNmI/image.png" alt=""><figcaption></figcaption></figure>

### **Products recently 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://content.gitbook.com/content/niVteMYkc5VfE2wdYlOK/blobs/rdd6Ew9Zp5lrKc2GAmUG/image.png" alt=""><figcaption></figcaption></figure>

**Autoplay / Infinite Play:** Enable this setting for the carousel to automatically scroll through items indefinitely, providing a seamless browsing experience.

**Show Arrows** and **Dots:** Activate arrows for users to manually swipe through carousel items and dots for a visual indicator of their position within the carousel.

Direct Navigation via **Dot:** Utilize dots to allow users to jump directly to a specific tab or item in the carousel, enhancing navigation efficiency.

### **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://content.gitbook.com/content/niVteMYkc5VfE2wdYlOK/blobs/sPtRJ0cLCRaEHZ1e9Pi3/image.png" alt=""><figcaption></figcaption></figure>
