Jump to content
Search Community

drawSVG on Shopify

dope.code test
Moderator Tag

Go to solution Solved by mvaneijgen,

Recommended Posts

Hi all,

I just can't get drawSVG to work on my shopify page. The scrolltrigger works just fine. However, I was trying to make a section with the drawSVG plugin but it just won't work. Anyone who can help?

Link to comment
Share on other sites

Hi @dope.code welcome to the forum and thanks for being a club member! 

 

Personally I always start with all my animations on a place like Codepen, just to test my animation in its basic form with pure HTML, CSS and JS to make sure my animation is working as expected and not my framework or in this case platform is trowing errors. This also makes it really easy to debug, because you have a known working version and next to that you can easily share a version on places like this to ask for feedback when you get stuck.

 

Right now there is no way to help you because we don't have a minimal demo to see or edit any of the code. I would start by loggin the DrawSVGPlugin just to see if it has loaded correctly. If that is working correctly just get a simple SVG line just with two points and see if that is doing what it should. If that is all working the SVG shape you're trying to animatie probably is not exported correctly, maybe you've set your design program to export all lines to be converted to shapes? DrawSVG needs a path with a stroke to work, so make sure the elements you're trying to animate have a stroke property.

 

Again, this is just guessing at the moment, we would love to see a minimal demo so that we can help you debug, but I hope this already gets you in the right direction. Happy tweening! 

  • Like 1
Link to comment
Share on other sites

Hi,

 

GSAP is 100% framework agnostic, so it should work in any setup you have.

 

What things you can check:

Hopefully this helps

Happy Tweening!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...