How to make homeage like this scrolling effect ?

How to make homeage like this scrolling effect ?

Unknowndev234
Shopify Partner
167 2 6

How to make homeage like this scrolling effect on Dawn theme? can anyone help me to build scrolling effect on homepage like this 
reffrence website link : https://beechtree.pk/
Screenshot 2025-01-16 113528.png

Replies 7 (7)

ZestardTech
Shopify Partner
6071 1087 1458

 

Hello @Unknowndev234,

 

Could you please provide the URL/ password  to your store so that I can check it and provide you with the exact solution?

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Unknowndev234
Shopify Partner
167 2 6

Hi @ZestardTech Sure! Here is my store url : https://teststtoredev.myshopify.com/  And store password :1234 Thanks this really help me and I also want to design footer like the reffrence website. 

Thanks!

ZestardTech
Shopify Partner
6071 1087 1458

Hello @Unknowndev234 ,

Please add some content or banner image first so that i can apply css on it.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Unknowndev234
Shopify Partner
167 2 6

Hello @ZestardTech 

I have added some content please check.

Thanks!

ZestardTech
Shopify Partner
6071 1087 1458

Hello @Unknowndev234 ,

 

I have worked on resolving your issue and made significant progress. However, there are still some changes needed in your Liquid and JavaScript files. These adjustments may take a bit of time, so I’m providing you with a reference to guide you. You can follow the design steps outlined in the reference to complete the process.


Visit :  https://codepen.io/Jemimaabu/pen/GyBeye

 

Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Unknowndev234
Shopify Partner
167 2 6

Hello @ZestardTech 

I really appriciate your efforts on this you make the exact like the reffrenec website. I have stucked on this how I implment this to the theme.liquid file. for consistant homepage. I have also working on this. and I'm able to manage make similar to this but not like this please have a look on this site my development store: https://store1.ecomsmartify.shop/ password: 4 . I really appriciate . Can you help me out how I can implement the whole snap scrolling effect to the other sections as well. And I'm also stuck on designing the footer like the reffrence website. I'm not able to find a way giving the full hieght like the reffrence website. Please help me out with this.

Thanks alot!

ZestardTech
Shopify Partner
6071 1087 1458

Hello @Unknowndev234 ,

I reviewed your updated design and noticed some irregularities in the JavaScript and Liquid code. These issues make it challenging to work on the project, as the design restricts proper usage of the inspect element tool. Additionally, there appears to be unnecessary code causing odd scrolling behavior.

Could you please update the JavaScript and Liquid code, removing any unnecessary elements contributing to these issues? This would ensure a smoother workflow and better functionality.

 

Looking forward to your update.

 

Thank you

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing