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
| Setting | Options | Default |
|---|---|---|
| Shows the products a customer opened most recently on this device. The section stays hidden until they have viewed a product. | ||
| Heading | Rich text (one line) | Sample text |
| Text | Rich text | – |
| Heading size | Large · Medium · Small | Small |
| Products to show | 2–12 | 6 |
| Layout | Grid · Slider | Slider |
| Products per row on desktop | 2–6 | 5 |
| Products per row on mobile | 1 · 2 | 2 |
| Show clear history button | Checkbox | On |
| 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. | Checkbox | On |
| Color scheme | Color scheme | Scheme 1 |
| Grid spacing | ||
| Use custom spacingOtherwise the spacing from Theme settings > Layout is used. | Checkbox | Off |
| Space between columns | 0–64px | 20px |
| Space between rows | 0–96px | 20px |
| Space between columns on mobile | 0–32px | 8px |
| Space between rows on mobile | 0–64px | 21px |
| Section spacing | ||
| Top padding | 0–160px | 64px |
| Bottom padding | 0–160px | 64px |
| Top padding on mobile | 0–120px | 40px |
| Bottom padding on mobile | 0–120px | 40px |
| Advanced | ||
| Hide on mobile | Checkbox | Off |
| Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below). | Checkbox | Off |
| Animate on scroll | Checkbox | On |
| Anchor IDLink to this section with #anchor-id. | Text | – |