Recently viewed
FreeCollectionsv1.0.0
Bring shoppers back to what caught their eye. Products they open from a page with this section (and product pages that have it) are remembered in their own browser, and this section shows those products newest first, as cards with price and Add to cart (options open in a small picker), in their market's currency and language. Put it on product pages, the cart or the home page. Before a shopper has viewed anything it can show products from a collection under its own heading, or stay hidden, and shoppers can clear their history with one click. No cookies, accounts or tracking on our side.
Good for: Bottom of product pages · Cart page and empty cart · Home page for returning shoppers
When to use it
Use it at the bottom of product pages, on the cart page or on your home page, so shoppers can get back to what they looked at.
- Back to what caught their eye. Shoppers see the products they viewed, newest first, without searching for them again.
- Buy from the list. Each card has its price and Add to cart. Products with options open a small picker.
- Never an empty gap. Before a shopper has viewed anything, it can show products from a collection under its own heading, or stay hidden.
Set it up
Add the section
On your product template, choose Add section and pick SU: Recently viewed. Add it to your cart page or home page the same way if you like. Its heading is Recently viewed by default.
Add it to your product template too
The section remembers a product when a shopper opens it from a page that has the section, comes back from the product page to such a page, or views a product page that has the section. Having it on your product template catches visits from search, menus and every other page. On a product page, the product being viewed is left out of the list.
Choose how many products show
Set Products to show (2 to 12), Products per row on desktop (2 to 5) and Products per row on phones (1 or 2). Keep Let shoppers clear their history on to show a Clear history link.
Fill the space before there’s any history
Under Before a shopper has viewed anything, pick a collection in Show products from and give it a Heading, for example Popular right now. Leave the collection empty to hide the section until the shopper has viewed something.
Finish the look
Look chooses between Blend with the theme and Card. After adding to cart either opens the cart (Open the cart) or keeps shoppers on the page (Stay on the page).
The theme editor doesn’t remember the products you open there. Until your browser has some history, it shows your collection or example cards. To see the history work, open your online store in a new tab and view a few products. History is kept in each shopper’s own browser, with no cookies or accounts.
Try it
Settings
In the theme editor, in the order you'll see them. Every section also has the heading and style settings.
Products
| Setting | What it does |
|---|---|
| Products to showSlider (2–12) | |
| Products per row on desktopSlider (2–5) | |
| Products per row on phonesDropdown | |
| Let shoppers clear their historyCheckbox |
Before a shopper has viewed anything
| Setting | What it does |
|---|---|
| Show products fromCollection | Leave empty to hide the section until there's something to show. |
| HeadingText |
Good to know
- Products are remembered when shoppers open them from a page with this section, arrive back from them, or view a product page that has it; add it to your product template to catch visits from search, menus and other pages too.
- History is per browser and device, kept for the last 20 products.
- The section can appear just after the page loads, once the shopper's products are fetched.
- Without JavaScript there's no history, so the section shows the collection you picked, or nothing.
Changelog
- 1.0.0: Initial release.