Skip to content
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.