03GENERAL

Recently viewed

This page explains how “Recently viewed” actually behaves, which data it depends on, and what its settings change.

Recently viewed

This page explains how “Recently viewed” actually behaves, which data it depends on, and what its settings change.

Used in templates
product.bulk.jsonproduct.jsonproduct.morning-routine.jsonproduct.night-routine.jsonproduct.subscriptions.jsonproduct.unsellable-product.json

What the theme does automatically

  • →

    History is stored locally in the browser: it is not synchronized across devices and does not exist before the first visit.

  • →

    The currently viewed product is excluded from the list.

Understand the settings

Content

The browsing history is stored in the visitor's browser. Product cards are fetched only when this section approaches the viewport.

Eyebroweyebrow
Titleheading
Introductionintroduction

Display

Choose how many remembered products are fetched and how their lightweight cards are displayed.

Number of productsproducts_to_show

The current product is automatically excluded on product pages.

Default: 4 · Range: 2–8
Columns on desktopcolumns_desktop
Default: 4 · Range: 2–5
Show vendorshow_vendor
Default: disabled
Image ratioimage_ratio
Default: portrait · Options: Portrait, Square, Natural

Product cards

These controls are passed to the theme's shared product-card component so its design and behavior remain consistent everywhere.

Media uploaded by productmedia_limit
Default: 2 · Range: 1–4
Media carouselenable_media_slider
Default: disabled
Show colorsshow_color_swatches
Default: enabled
Color option namescolor_option_names
Size option namessize_option_names
Quick Addshow_quick_add
Default: enabled
Quantity selectorshow_quantity_selector
Default: disabled
Show reviewsshow_reviews
Default: enabled
Show materialshow_material_badge
Default: enabled
Show low stockshow_low_stock
Default: enabled
Low stock thresholdlow_stock_threshold
Default: 4 · Range: 1–10

Action labels

Customize the shared product-card action and status labels.

Quick Addquick_add_label
Confirmconfirm_add_label
Loadingadding_label
Successadded_label
Unavailablesold_out_label
Errorerror_label

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme
Default: disabled
Paletteopaline_color_scheme
Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment
Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px
Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

Available blocks

This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.

Before publishing

  • ✓

    Content remains readable in every color scheme.

  • ✓

    Labels match the storefront language.

  • ✓

    Displayed promotions match Shopify rules.

  • ✓

    Interactions remain accessible by keyboard and touch.