Adding Fade In on scroll to the product collection page

jdn7d
Tourist
10 0 2

I'm using the District theme and GemPages was also used. I'm trying to add code to make it fade in on scroll, like this example - http://jsfiddle.net/mohammadAdil/DFeqH/. I'm having trouble actually applying that example to my code. I also found other examples but I'm not sure where to put the code. 

0 Likes
jdn7d
Tourist
10 0 2

This is my first Shopify site btw

0 Likes

Hi @jdn7d,

Actually, it needs to advance in customizing code due to the difference of HTML Dom Structure, so could you please share with me your collection page URL and another example that you found, then I can understand more detail your wishing.

Thank you so much!

If you find my reply helpful, please hit Like and Mark as Solution
Build high-converting stores with GemPages Page Builder
Get connected: Website | Youtube | Community | Partners | Help Center
jdn7d
Tourist
10 0 2

I gotcha, here is the URL https://bricksandwood.us/collections/shop. Here is an example, just the way that the products appear as you scroll down https://museumofpeaceandquiet.us/. Thank you!

0 Likes

Hi @jdn7d 

Sorry for the late reply. Our tech staff needs to check and try to do some custom codes, so it takes time to solve this. This is a demo from us, please help me check it and let me know if it is good:

https://gtn2vtshop.myshopify.com/collections/flower?view=gem-1619924555-template&live=true

pass:vnn1269

 

Due to our this inquiry needs to add some complex codes, so please contact our Support team via live chat or email ( support@gempages.help ) in the case you want to add this into your store.

If you find my reply helpful, please hit Like and Mark as Solution
Build high-converting stores with GemPages Page Builder
Get connected: Website | Youtube | Community | Partners | Help Center