How To Add Recently Viewed Product Section in Shopify [Without APP] In 2024

Recently Viewed Products in Shopify:

Welcome back, In today's video, I'll guide you step by step on how to set up a recently viewed product section on free Shopify themes like Dawn and Sense themes. Currently, this feature isn't available in Shopify's free themes, but I'll show you how to add it to your store. Let's go to the video.

00:00 - Introduction
01:30 - Clear Up Cookies and Sessions
02:36 - How "Recently Viewed Products" Work
04:30 - Setup on Your Theme "Recently Viewed Products"
06:10 - Adding the "Code"
09:45 - Conclusion

[debjoydas]

Works perfectly, but how can I display it on to the homepage too as a slideshow, not as a grid?

[Blanden]

to fix text overlap remove line-height from these

BEFORE:
.c-product p.c-productPrice {

line-height: 0;
color: #000;
}

.c-product h3.c-product__title {
line-height: 0;
padding-bottom: 10px;
}

---
AFTER (FIX):
.c-product p.c-productPrice {
color: #000;
}

.c-product h3.c-product__title {
padding-bottom: 10px;
}

[Anonymous-xomk]

The only thing missing is making the recently viewed title, product titles, price have the same style as the section we implement this in. Also For me it's showing maximum 2 items, and they don't change. The product images seems less smooth too than the rest of the website

[HazelChorney]

This works pretty well! How can we display a collection if there are no recently viewed products?

[enyinnaekechukwu]

Hi, thank you for this tutorial, this is great and it worked for me but my fonts are looking wired can you please assist me on this

[diamzzle]

Hello! I would like to thank you for the amazing work and help you are offerign on this channel. May you keep flourishing always. I just need a little help with this Rcently viewed feature that I added on my website. Its working fine on computer but when opened in mobile the title of the products in recently viewed sections all become very messy and they overlap. Kindly tell me how I can fix that. Eagerly awaiting your response. please help me. I tried to reduce the font size in edit code but its not reducing and remains the same.

[hadowgurung]

Nice! it worked but product title is overlapping as the font size is large. How should I minimize the font size in the title of recently viewed product.
Also it would be very great if you'll tell about how to insert the recently viewed product in homepage too.

[MrEMedia]

This didnt work for me sadly. I am using spotlight theme and it showed the Text Recently Viewed but then would not display items. Do you know of a new working script?

[gyalde]

Thank you very much for the sharing, it work nicely and would you please kindly teach me how to change from showing four columns to six columns by modifying the codes?

[RosseiraCosmetics]

It works. It would be nice to have the ability to add it as a section on the home page. Is this possible?

[libralad]

Hi, thank you for this tutorial, this is great and it worked for me but I want to show recently viewed products after products you may also like. kindly, help me with that

[enyinnaekechukwu]

The text such as the price and discretion of the product are overlapping on each other there not making it readable

[sheikhmuhaiman]

Hello Sir .
I want to add more data like product.description, tags etc.. Sir plz give me a info how to add more data..?

[AshpreetKohli]

Love all your videos and work! Just this one doesn't work for me well because of the wired text and image layout. Compare at price was also missing.
Will wait for the next improved version of the video if you make one. Thanks a lot. :)

[abdulmunim]

it works but when I view more then four products it will write the title over the new title it overlaps the writing making the title unreadable

[EMMANUELEMONTANA]

it works, but I see the product title overlapped, because my products have long names, where and how can I fix it? because it's ugly to look at

[WebSensePro]

00:00 - Introduction
01:30 - Clear Up Cookies and Sessions
02:36 - How "Recently Viewed Products" Work
04:30 - Setup on Your Theme "Recently Viewed Products"
06:10 - Adding the "Code"
09:45 - Conclusion

[JayZeeEss]

Good code but quality of the code is very poor.

It would nice if recently viewed section is as nice with same layout and appearance as related product section and controllable via theme customisation. No subscribe for now