Get free delivery on orders over $100

Recently Viewed Products

This feature requires the use of Shopify Product Cards component

The Product Cards Component can be used to display content like recently viewed products and recommended products. Anything that doesn't have to have SEO and should be loaded in a non-blocking manner.

In this case we will use it to generate a Recently Viewed Product section in our home page. Follow the component's installation instructions to enable it in your own store.

Recently Viewed Products

Once the installation instructions are followed properly you should be able to see a new "Recently Viewed Products" section that you may add on your theme:

Recently viewed products section demo

You may now navigate to this store's home page to see these cards in action.

Sandbox

You should be able to see that there is also a Recently Viewed Product section in this article. Execute the command `npm run dev` to reflect changes in the project's `dist` folder. Note that while we still don't have a better build tool, you must execute the command `./build.sh` when you do changes in the `src` folder.

Back to blog