# Recently viewed

### Section overview

The Recently viewed section displays a horizontally scrollable list of recently viewed products, helping customers discover products they've previously shown interest in.

#### Common use cases

* Adding to product pages to encourage customers to revisit previously viewed items
* Including on cart pages to remind customers of other products they might want to add
* Placing on collection pages to help customers resume their shopping journey
* Using on the homepage to personalize the shopping experience

#### Usage tips

* Position this section strategically on pages where customers are likely to make purchasing decisions
* Customize the card width settings for mobile and desktop to ensure optimal display across devices
* Consider enabling the split layout option for larger screens to keep the heading visible while scrolling
* Ensure color scheme matches your store's branding for consistent user experience
* Mobile responsiveness is handled through responsive card sizing and specialized arrow controls

### Section settings

| Setting              | Description                                                                            |
| -------------------- | -------------------------------------------------------------------------------------- |
| Heading              | Sets the section title text (defaults to "Recently viewed")                            |
| Content              | Optional rich text content to display below the heading                                |
| Top spacing          | Controls the amount of padding above the section (in pixels)                           |
| Bottom spacing       | Controls the amount of padding below the section (in pixels)                           |
| Color scheme         | Determines the background color of the section from theme presets                      |
| Custom color         | Sets a custom background color when "Custom" is selected as the color scheme           |
| Text color           | Controls whether text appears in light or dark mode, or uses theme default             |
| Border color         | Sets the color of any borders (subtle or strong)                                       |
| Enable color fade    | Enables smooth color transitions when scrolling through the section                    |
| Border position      | Controls where borders appear (none, top, bottom, or both)                             |
| Card width mobile    | Sets the width of product cards on mobile devices (in 12ths)                           |
| Card width desktop   | Sets the width of product cards on desktop devices (in 12ths)                          |
| Horizontal alignment | Controls how content aligns horizontally (left, center, or right)                      |
| Arrow alignment      | Controls the horizontal position of navigation arrows                                  |
| Arrow placement      | Determines where navigation arrows appear (top, bottom, or under)                      |
| Enable margin        | Applies horizontal margin to the section content                                       |
| Enable scroll margin | Applies margin to the scrollable area                                                  |
| Enable split         | Splits the section into two columns with heading on one side and products on the other |
| Enable split heading | Modifies heading display when split layout is enabled                                  |
| Visibility           | Controls whether the section appears on mobile, desktop, or both                       |
| Enable arrows        | Shows or hides navigation arrows for scrolling through products                        |
| Enable scrollbar     | Shows or hides a scrollbar for the product slider                                      |

### Block settings

This section does not contain any blocks. It dynamically generates content based on the customer's browsing history of recently viewed products.


---

# 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/space/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.