Recently viewed

Recently viewed shows the products this shopper has already looked at. The list is kept in their own browser, so no sign-in is needed and nothing is stored on your store.

It can’t be placed in the header or footer groups.

Settings

• Heading. Default: Recently viewed.
• Maximum products to show. Range: 4 to 12. Default: 8.
• Color scheme. Default: scheme-1.

Spacing

• Top padding / Bottom padding. Range: 0 to 300 px in 5 px steps. Default: 80 px each.

How the list is built

• Products are recorded in the shopper’s browser (local storage) when they open a product page that carries this section. The default product template has it. The alternate product templates don’t, so products using them are only recorded if you add the section there too.
• The product currently being viewed is excluded, so the section never shows the page it sits on.
• A Clear history button next to the heading lets the shopper empty the list.
• The list is per browser and per device. The same person on a phone and a laptop has two separate lists.
• Clearing browsing data clears the list, and the section then renders nothing at all rather than an empty shell.

Tips

• The cart page is the strongest placement. A shopper about to check out is the one most likely to add the thing they were undecided about.
• The product page is the second. Placed below recommendations, it gives a way back to a product they nearly chose.
• Don’t put it on the home page. A first-time visitor has nothing to show, and a returning one is met with their own history before they have seen anything new.
• Eight is a good ceiling. Twelve fills a wide screen but starts to compete with the recommendations above it.