Hi everyone, is it possible to add movement at all to my homepage? Here is an example of what I mean: https://thefunctionalskin.com/ The Functional Skin website has animated text and images that move as you scroll down the page. My website is currently set up with the Brooklyn Theme (www.blumorganics.com.au) and I was wondering if there are any apps out there or codes I can use to animate some of the images or text on my homepage as shown in the Functional Skin website.
Thanks for your time.
Hi,** @chloe27 **!
I found a third-party app from our Shopify app store that can help add animation as you scroll down your store’s homepage. Feel free to take a closer look at it here, to see if it will suit your needs. Just a note however that because this app was made by third-party developers outside of Shopify, you can get in touch with the app’s support team directly if you have any questions about it.
If you’re comfortable with coding however, I came across a list of codes here on GitHub that you can add to your store’s theme to animate your homepage upon scrolling. If not, you can look into hiring one of our Shopify Experts to help you code a tailored solution onto your store’s theme.
Alternatively, you can take a look at this third-party theme from our Shopify Theme store that features the animation functionalities that you’re looking for. The animations are available to this theme without the need for further coding or app installation, which is super handy!
As you’re currently working on your homepage at the moment, I thought I’d also send share our homepage design blog here if you need some tips and tricks on homepage design.
Hi @Kimi_2 and @KetanKumar , thank you for your replies. I have found https://michalsnik.github.io/aos/ to be very helpful in adding these animations to sections of my homepage such as the Newsletter form, as well as products as well. However, I have not been successful in adding it to my Custom HTML sections (where I’ve coded in images - you can see this images on my website’s homepage here). Do you know what I might be doing wrong?
The images I am trying to add animation to are 1: the one that says “Discover our skin soothing rituals to calm the skin and soul”, and 2. The icons near the bottom of the page with the titles “Peta Certified, Organic, Truly Australian, Sustainable, Wildcrafted”
FYI, I have been following the advice of this video which says that you should add the codes into the sections you wish to add by looking for the section names through developer tools.
Thank you for your help.
** @chloe27 **
I’m glad to hear that the GitHub resource has been helpful!
With troubleshooting this on your store’s theme, because the codes are third-party it would be best to query a Shopify Expert to further help, as they are best equipped to assist with third-party coding solutions.