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.

Last updated

Was this helpful?