Shopify themes, liquid, logos, and UX
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/
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?
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!
Hello @Unknowndev234 ,
Please add some content or banner image first so that i can apply css on it.
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!
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!
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
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025