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