Recently viewed

The products a shopper opened most recently on this device, as a slider or grid. It helps shoppers find their way back to something they liked.

In the editor
Recently viewed
Where it goes
Any page template, with Add section
In the presets
Index: Home page, Product; Poster: Product; Petal: Product; Every preset: Product (pre-order)
Settings
23
App blocks
Yes

How it works

Index remembers the products a shopper opens, on their own device only – nothing is sent anywhere. The section stays hidden until they have viewed a product, so new visitors never see an empty row. Show clear history button lets shoppers clear the list.

It sits on the home page and on the product page in the Index preset; on the product page it leaves out the product being viewed.

Options

  • Products to show: 2–12.
  • Layout: Slider or Grid; 2–6 per row on desktop, 1 or 2 on mobile.
  • Heading and Text, with a smaller default heading size than other sections, so the row feels like a helpful extra.

All settings

Every setting in the order of the theme editor, with its options and its default value.

Section: Recently viewed23 settings
SettingOptionsDefault
Shows the products a customer opened most recently on this device. The section stays hidden until they have viewed a product.
HeadingRich text (one line)Sample text
TextRich text–
Heading sizeLarge · Medium · SmallSmall
Products to show2–126
LayoutGrid · SliderSlider
Products per row on desktop2–65
Products per row on mobile1 · 22
Show clear history buttonCheckboxOn
Show part of the next cardFor sliders: the next card shows in part and the edges fade, so it is clear the row goes on.CheckboxOn
Color schemeColor schemeScheme 1
Grid spacing
Use custom spacingOtherwise the spacing from Theme settings > Layout is used.CheckboxOff
Space between columns0–64px20px
Space between rows0–96px20px
Space between columns on mobile0–32px8px
Space between rows on mobile0–64px21px
Section spacing
Top padding0–160px64px
Bottom padding0–160px64px
Top padding on mobile0–120px40px
Bottom padding on mobile0–120px40px
Advanced
Hide on mobileCheckboxOff
Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below).CheckboxOff
Animate on scrollCheckboxOn
Anchor IDLink to this section with #anchor-id.Text–