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
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.
Last updated
Was this helpful?