Woo Recently Viewed keeps a list of the products each visitor opens and shows them as a small list with image, title and price. It helps shoppers get back to something they liked without searching again. The list is stored in a cookie, so there is no account or login needed.
Click two or three products in the loop below. When you come back, the recently viewed list on this page shows them, newest first. The list is stored in your browser only.
A normal product loop from this shop. Click a product, then come back to this page. Every product page on this site has Woo Recently Viewed in its template, so each visit is recorded.
The live element. Max Number To Show is 6, items have a white background that turns lilac on hover, and images are 64px with rounded corners. Your list is kept in a cookie for 30 days.
Nothing here yet? Open a product above and come back. The list is personal to your browser, so each visitor sees their own.
The same element runs in this site's single product template and on the Favorites List page. On a product page it leaves out the product you are looking at.
Add it to your product template once and it works on every product.
Drop Woo Recently Viewed into your single product template, or any page where you want the list.
Choose how many products to show with Max Number To Show. If you leave it empty it shows 5.
Set the container, item, title, price and image styles to match your shop.
A small list that follows each shopper around your store.
When a visitor opens a product page, that product moves to the top of their list.
Each item shows the product image, its name and the WooCommerce price, linked to the product.
On a product page the product being viewed is left out, so the list only shows other products.
The list is kept in a cookie for 30 days, so returning visitors still see what they looked at.
The list is fetched with AJAX after the page loads, so page caching does not freeze it.
Set the maximum number of products to show. The default is 5.
Hide the image, set its width, or give it borders and rounded corners.
Separate typography for titles and prices, space below the title, and an option to hide the price.
Set width, borders, padding, margin, background colours and the gap between items.
Anywhere shoppers compare products before they buy.
Show the last few products under the add to cart area or in a sidebar.
Remind shoppers of items they looked at but did not add.
Keep a short list of recent products beside your catalogue.
Help people find a product again without using search.
Make it easy to jump between products a shopper is weighing up.
Give returning customers a quick route back to recent products.
This is the full list of settings in the Breakdance editor.
| Control | What it does | Default |
|---|---|---|
| Content | ||
| Max Number To Show | How many recently viewed products to list. | 5 |
| Container | ||
| Width | Width of the list container. | — |
| Borders | Container border and radius. | — |
| Padding and margin | Space inside and around the container. | — |
| Background Color | Container background colour. | — |
| Items | ||
| Gap | Space between items, in pixels. | — |
| Background Color | Item background, with a hover colour. | — |
| Borders | Item border and radius. | — |
| Padding | Space inside each item. | — |
| Title Typography | Text style for product names. | — |
| Price Typography | Text style for prices. | — |
| Space below Title | Gap between the title and the price. | — |
| Hide Price | Remove the price from each item. | Off |
| Product Image | ||
| Hide Image | Remove the product image. | Off |
| Width | Width of the product image. | — |
| Borders | Image border and radius. | — |
Put it in your single product template so every product view is recorded. It can also go on other pages, where it shows the list stored so far.
No. The list is kept in a browser cookie, so it works for guests. It lasts 30 days.
That is on purpose. On a product page the current product is left out, so the list only shows other products.
The list is loaded with AJAX after the page loads, so each visitor sees their own products.
A first-time visitor sees the message No recently viewed products until they open a product.
Use one per page. The list is loaded into a container with a fixed ID, so only the first Woo Recently Viewed on a page is filled.
Recently Viewed Items is included with Phox Elements, along with 140+ other premium elements for Breakdance.
