# Recently viewed

### Section overview

The Recent Slider section displays a horizontal carousel of recently viewed products, automatically tracking and showing products a customer has previously viewed during their browsing session.

#### Common use cases

* Creating a personalized shopping experience by showing products the customer has recently viewed
* Encouraging customers to revisit products they showed interest in but didn't purchase
* Improving navigation on product-heavy stores by making it easy to return to items
* Cross-selling complementary products alongside recently viewed items

#### Usage tips

* Place this section on product pages or the cart page to remind customers of items they've viewed
* Use a clear, concise heading like "Recently Viewed" to indicate the section's purpose
* Consider enabling the split layout option on wider pages for better visual hierarchy
* Customize card width settings to control how many products appear at once in the slider

**Mobile responsiveness considerations:**

* The mobile card width setting controls how many products appear on smaller screens
* Mobile users can swipe through the products in the slider
* Navigation arrows automatically appear when content overflows the container width

**Common pitfalls to avoid:**

* Placing too many recent slider sections on a single page
* Setting card widths too small, making product images difficult to see
* Using overly long headings or content that disrupts the visual flow

### Section settings

| Setting              | Description                                                                        |
| -------------------- | ---------------------------------------------------------------------------------- |
| Heading              | The title displayed above the slider. Defaults to "Recently Viewed".               |
| Content              | Optional rich text content displayed below the heading.                            |
| Top spacing          | Controls the padding above the section (0-300px).                                  |
| Bottom spacing       | Controls the padding below the section (0-300px).                                  |
| Color scheme         | Sets the background and text color scheme for the section.                         |
| Border color         | Sets the color for any borders applied to the section.                             |
| Border position      | Determines where borders appear (none, top, bottom, or both).                      |
| Card width mobile    | Controls how wide each product card appears on mobile devices (/12 grid).          |
| Card width desktop   | Controls how wide each product card appears on desktop devices (/12 grid).         |
| Horizontal alignment | Sets the text alignment and justification (left or center).                        |
| Enable margin        | When enabled, applies horizontal margin to the section.                            |
| Enable split         | When enabled, displays the heading on the left and content on the right.           |
| Visibility           | Controls whether the section appears on all devices, only mobile, or only desktop. |

### Block settings

This section does not contain any blocks.


---

# 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://help.brickspacelab.com/keystone/sections/products-and-collections/recently-viewed.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.