> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/glozin-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/glozin-theme/theme-sections/products-recently-viewed.md).

# Products recently viewed

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-0062564a141a803398c776f1533794d3b8f04b0d%2Fimage%20(1237).png?alt=media" 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**

**Section width:** You can choose among Fluid container, Full width, Stretch width for the banner layout.

**Color scheme:** Set text color and background color with preset scheme

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-b6336cf5058caeb1e754769a6e67174e6dd3f5f2%2Fimage%20(325).png?alt=media" alt=""><figcaption></figcaption></figure>

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

Adjust the text alignment (left/center/right) along with the font size.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-f79b91c7424ade443d532bb477d22e4b0ea00db9%2Fimage%20(326).png?alt=media" alt=""><figcaption></figcaption></figure>

### **Products 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-392963bfe4d619f0d0de626934f46332d6e0e454%2Fimage%20(328).png?alt=media" 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-d9b68c5648d40181e91aec9c0e05b7f91d2dd03b%2Fimage%20(329).png?alt=media" 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-0b52cec57c41d204507ac9a08f309a86255fa7a2%2Fimage%20(646).png?alt=media" alt=""><figcaption></figcaption></figure>
