My add to cart button keeps shaking

Topic summary

A Shopify store owner reports an Add to Cart button that shakes or flickers on page load and during clicks, making it difficult for customers to interact with.

Diagnosis:

  • A community member identified the issue stems from animation code directly inserted into the page
  • The problematic code is likely located in the main-product.liquid file

Suggested solution:

  • Navigate to: Online Store > Three dots > Edit code
  • Locate main-product.liquid (or corresponding product template)
  • Find and remove the animation code
  • Save/backup the theme before making changes

Current status: The store owner is unable to locate the code in question. The issue remains unresolved and may require further troubleshooting assistance or more specific guidance on identifying the exact file location.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

Hi everyone,

I’m having a weird issue with the Add to Cart button on my Shopify store. Every time the page loads or when someone tries to click the button, it starts shaking or flickering unexpectedly. It almost looks like it’s vibrating or quickly shifting position over and over again, which makes it hard to interact with properly.

1 Like

Hi @LoveUrPets . Welcome to the Shopify Community!

Please, share the store URL (and the password, if applicable) along with the frame location. Would be much easier to debug and solve.

Here is the link to my store https://loveurpets.store/

What do I need to do?

The animation comes from the following code:

It’s inserted into the page directly. It’s, most likely, added directly main-product.liquid file. You can check this by navigating to Online store > Three dots > Edit code > locate the main-product.liquid (or any other corresponding product template) and try to find/remove the code there. I suggest saving the file (or the whole theme) before editing.

I cant find it