How to add Recently Viewed Products Row on home page without apps?

Solved
Highlighted
New Member
7 0 0

Hello i want to add a recently viewed products row on my homepage, without using any apps. Im using the shopify theme "Style" but there a none built in function that can do it. So i hope you have code for it, or a solution to it. Thanks

And just so you know what im talking about i have an example on the photo attached.
Skærmbillede 2019-03-11 kl. 17.04.16.png

0 Likes
Highlighted
Shopify Partner
116 4 16

This is an accepted solution.


@miki2670 wrote:

Hello i want to add a recently viewed products row on my homepage, without using any apps. Im using the shopify theme "Style" but there a none built in function that can do it. So i hope you have code for it, or a solution to it. Thanks

And just so you know what im talking about i have an example on the photo attached.
Skærmbillede 2019-03-11 kl. 17.04.16.png


You can follow this lib to do it: https://github.com/carolineschnapp/recently-viewed

 

If you can't do, plz contact me

Vince Nguyen | Ecommerce Consultant at HappyPoints.io
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Email me at: vince@happypoints.io
Skype: vince@happypoints.io
1 Like
Highlighted
New Member
7 0 0

@VinceNg wrote:

@miki2670 wrote:

Hello i want to add a recently viewed products row on my homepage, without using any apps. Im using the shopify theme "Style" but there a none built in function that can do it. So i hope you have code for it, or a solution to it. Thanks

And just so you know what im talking about i have an example on the photo attached.
Skærmbillede 2019-03-11 kl. 17.04.16.png


You can follow this lib to do it: https://github.com/carolineschnapp/recently-viewed

 

If you can't do, plz contact me



Please help me Vince, i tried but i really can't do it. I would love to get help from you. Thanks

0 Likes
Highlighted
Shopify Partner
116 4 16

@PSD_Webdesigns wrote:

Hello @miki2670

 

https://myfavoritewallart.com/collections/animals-1/products/two-running-horses-canvas-painting-delu...

 

I have implemented the same "Recommended Products" functionality for one of my client. You can visit above link and check it.

 

Please mail me at "support@psdwebdesigns.com" for further discussion.


Sorry, I'm on business then I don't online most of the time. I've sent an email to you. Plz check!

Vince Nguyen | Ecommerce Consultant at HappyPoints.io
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Email me at: vince@happypoints.io
Skype: vince@happypoints.io
0 Likes
Highlighted
Shopify Partner
116 4 16

@miki2670 wrote:

@VinceNg wrote:

@miki2670 wrote:

Hello i want to add a recently viewed products row on my homepage, without using any apps. Im using the shopify theme "Style" but there a none built in function that can do it. So i hope you have code for it, or a solution to it. Thanks

And just so you know what im talking about i have an example on the photo attached.
Skærmbillede 2019-03-11 kl. 17.04.16.png


You can follow this lib to do it: https://github.com/carolineschnapp/recently-viewed

 

If you can't do, plz contact me



Please help me Vince, i tried but i really can't do it. I would love to get help from you. Thanks


Yes, I am very happy to help you. It seems their code is out of date. I've updated it on my publish repo, you can follow here: https://github.com/lucky110209/shopify-recent-viewed-products

 


 

Vince Nguyen | Ecommerce Consultant at HappyPoints.io
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Email me at: vince@happypoints.io
Skype: vince@happypoints.io
0 Likes
Highlighted
New Member
7 0 0

@VinceNg wrote:

@miki2670 wrote:

@VinceNg wrote:

@miki2670 wrote:

Hello i want to add a recently viewed products row on my homepage, without using any apps. Im using the shopify theme "Style" but there a none built in function that can do it. So i hope you have code for it, or a solution to it. Thanks

And just so you know what im talking about i have an example on the photo attached.
Skærmbillede 2019-03-11 kl. 17.04.16.png


You can follow this lib to do it: https://github.com/carolineschnapp/recently-viewed

 

If you can't do, plz contact me



Please help me Vince, i tried but i really can't do it. I would love to get help from you. Thanks


Yes, I am very happy to help you. It seems their code is out of date. I've updated it on my publish repo, you can follow here: https://github.com/lucky110209/shopify-recent-viewed-products

 


 


Hello Vince i tried following your updated code, but im still having trouble with it. I've installed all the files and inserted into my site, but it is not displaying anything on the product page and i've also included it on the product template file. I really hope you can help me. Thanks

0 Likes
Highlighted
Shopify Partner
116 4 16

@miki2670 wrote:

@VinceNg wrote:

@miki2670 wrote:

@VinceNg wrote:

@miki2670 wrote:

Hello i want to add a recently viewed products row on my homepage, without using any apps. Im using the shopify theme "Style" but there a none built in function that can do it. So i hope you have code for it, or a solution to it. Thanks

And just so you know what im talking about i have an example on the photo attached.
Skærmbillede 2019-03-11 kl. 17.04.16.png


You can follow this lib to do it: https://github.com/carolineschnapp/recently-viewed

 

If you can't do, plz contact me



Please help me Vince, i tried but i really can't do it. I would love to get help from you. Thanks


Yes, I am very happy to help you. It seems their code is out of date. I've updated it on my publish repo, you can follow here: https://github.com/lucky110209/shopify-recent-viewed-products

 


 


Hello Vince i tried following your updated code, but im still having trouble with it. I've installed all the files and inserted into my site, but it is not displaying anything on the product page and i've also included it on the product template file. I really hope you can help me. Thanks


Plz send your shop's information to my email. I will take a look.

Vince Nguyen | Ecommerce Consultant at HappyPoints.io
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Email me at: vince@happypoints.io
Skype: vince@happypoints.io
0 Likes
Highlighted
New Member
7 0 0

@VinceNg wrote:

@miki2670 wrote:

@VinceNg wrote:

@miki2670 wrote:

@VinceNg wrote:

@miki2670 wrote:

Hello i want to add a recently viewed products row on my homepage, without using any apps. Im using the shopify theme "Style" but there a none built in function that can do it. So i hope you have code for it, or a solution to it. Thanks

And just so you know what im talking about i have an example on the photo attached.
Skærmbillede 2019-03-11 kl. 17.04.16.png


You can follow this lib to do it: https://github.com/carolineschnapp/recently-viewed

 

If you can't do, plz contact me



Please help me Vince, i tried but i really can't do it. I would love to get help from you. Thanks


Yes, I am very happy to help you. It seems their code is out of date. I've updated it on my publish repo, you can follow here: https://github.com/lucky110209/shopify-recent-viewed-products

 


 


Hello Vince i tried following your updated code, but im still having trouble with it. I've installed all the files and inserted into my site, but it is not displaying anything on the product page and i've also included it on the product template file. I really hope you can help me. Thanks


Plz send your shop's information to my email. I will take a look.


What information do you need? I can provide just tell me what :)

0 Likes
Highlighted
Shopify Partner
6 0 1

Hi Guys,

I have managed to add the recently viewed products on my site..

But I want to show second image on hover.. but I can't find the code to show second image..

this is the code for image in recently viewed product, which shows the product's featured image..

 

<img src="${Shopify.Products.resizeImage(featured_image, "large")}" >

 

I want same type of code for fetching second image of that same product. something like below (but its not working)

<img src="${Shopify.Products.resizeImage(product.images[1], "large")}" >

 

Any help?

Cheers!!!
1 Like
Highlighted
Shopify Partner
116 4 16

@mani_kandan wrote:

Hi Guys,

I have managed to add the recently viewed products on my site..

But I want to show second image on hover.. but I can't find the code to show second image..

this is the code for image in recently viewed product, which shows the product's featured image..

 

<img src="${Shopify.Products.resizeImage(featured_image, "large")}" >

 

I want same type of code for fetching second image of that same product. something like below (but its not working)

<img src="${Shopify.Products.resizeImage(product.images[1], "large")}" >

 

Any help?


It should be:

<img src="${Shopify.Products.resizeImage(images[1], "medium")}" />
Vince Nguyen | Ecommerce Consultant at HappyPoints.io
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Email me at: vince@happypoints.io
Skype: vince@happypoints.io
2 Likes