# Recently viewed products

This section provides your customers with an easy way to find the products they’ve previously visited, enhancing user conversion.

![](https://content.gitbook.com/content/SnkJrgCgnPuM88XGWwwm/blobs/pQMu7lA3qvMsm67PyPkA/Screen%20Shot%202021-10-14%20at%2021.39.19.png)

{% hint style="success" %}
Steps

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

### Layout settings

**Enable boxed layout** for your section and the **Grid bordered** if needed.

You can also set the **Color scheme** for your Boxed layout.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FtzawzsEJCJR06O2KXAgT%2Fimage.png?alt=media&#x26;token=62c7111c-d07c-422c-a325-37a4aaa670c0" alt=""><figcaption></figcaption></figure>

### Section header settings

Insert your section's heading, its size, and alignment.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FC3j2OncMVRzGCaUrokpP%2Fimage.png?alt=media&#x26;token=7fb71eae-8058-49f9-81d6-d33c31e7b553" alt=""><figcaption></figcaption></figure>

### Product cards settings

Select your Product card's design layout and its image aspect ratio.

You can also show the product vendors in this section.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FhNaK67vCI6HJmdNe8xdN%2Fimage.png?alt=media&#x26;token=3f713780-aed5-4137-9cc1-b975bb701a28" alt=""><figcaption></figcaption></figure>

### Grid settings

Select the number of shown products (4-18 products) and the number of products per row (3-8 products).

Then, adjust the gap between columns and rows accordingly (0-50px).

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FeOaNnzOS3no1b7oUHaav%2Fimage.png?alt=media&#x26;token=a7c460a9-35de-40b3-ad3c-1bd36e249c32" alt=""><figcaption></figcaption></figure>

### Slider settings

You can check the **Enable slider** option to make your product list appear as a slider (the number of products to show > the number of products per row).

Show the pagination or navigation, or both to let visitors navigate the slider.

Navigation can be added Outside container/ Inside container/ Inline.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2Fjl2Op5EHYkaQvgQsicNs%2Fimage.png?alt=media&#x26;token=41536b87-c46c-48d4-8ffa-c9a87f295395" alt=""><figcaption></figcaption></figure>

### Mobile settings

Adjust how the section displays on mobile view.&#x20;

* Mobile layout: Inherit/ 1 column/ 2 columns;
* Column gap on mobile view (0-50px);
* Row gap on mobile view (0-50px);
* Enable swipe on mobile or not.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FadV3pU6PVxEv6QhUZaWX%2Fimage.png?alt=media&#x26;token=00d4b261-935b-4396-a983-c9f95f8cf5e0" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/megamog-theme/theme-sections/recently-viewed-products.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.