# Products recently viewed

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/mfvDTpp2jqy5SgJOxCp1/image.png" alt=""><figcaption></figcaption></figure>

{% 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 %}

## Section settings

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

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

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/HyiilaWaDTPSfWMEu2HH/image.png" alt=""><figcaption></figcaption></figure>

**Layout:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

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

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/JohpCV4v9swfP5DQOuJS/image.png" alt=""><figcaption></figcaption></figure>

### Product setting

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/z14kVz432NnMEq8AbqBr/blobs/Kb2A9oY1qcKbHTd48g71/image.png" alt=""><figcaption></figcaption></figure>

### **Carousel setting**

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

**Show Arrows:** 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.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/Wc9R7GheS8vmVmX7KzTx/image.png" alt=""><figcaption></figcaption></figure>

### **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/z14kVz432NnMEq8AbqBr/blobs/3dy4alFYHLkBEh41fGnL/image.png" alt=""><figcaption></figcaption></figure>