Why isn't anime.js working with Shopify Liquid for website animation?

Store Design
1

Hey everyone, I’m currently in the process of coding a website for Shopify and I want to animate some HTML within the website using anime.js. The website correctly locates and reads the “anime.min.js” file that I’ve included in the website’s assets, however, it just isn’t animating anything. Is it even possible to use anime.js in Shopify Liquid?

I would really appreciate it if someone could help clarify this for me. Thanks!

Here’s my code:


{% for block in section.blocks %}
	
{% endfor %}
2

Hi @leoprd ,

We usually put the min.js code in the header so they can be called before the other execution.

  1. Go to your Admin store > Online store > Themes > Click Actions > Edit code

  2. Open the theme.liquid file under your Layout folder.

  3. Place the code below above the “”
  1. You can open a section or snippet where you have the html code and paste the code below.

{% for block in section.blocks %}
	
{% endfor %}