How to disable shaking "Buy Button" on Product Page using "Build Your Store Theme" Theme

Store Design
, , , ,

Topic summary

Users experiencing an unwanted shaking animation on product page buttons (“Add to Cart”, “Quantity”, “Checkout with PayPal”) that repeats every 5-7 seconds in the “Build Your Store Theme”.

Problem Details:

  • Animation identified as “shakeAnimation” via browser tools
  • Not found in accessible CSS files
  • Cannot be disabled through Shopify’s “Customize” tab or theme settings

Solution Provided:

  1. Navigate to Online Store → Theme options (3 dots) → Edit code
  2. Locate “base.css” using the file filter
  3. Add CSS override at the bottom:
    .product-form__buttons.shakeAnimation.shake {
animation: shake 0s infinite !important;
}

Status: Resolved. Multiple users confirmed the CSS fix successfully disabled the animation. Alternative suggestion was to contact theme developers directly for support.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hi, I have the following problem:
If you are on any of our Productpages, the “Add to Cart”, “Quantity” and “Checkut with PayPal” are shakind left to right for about one second, repeating every 5-7 seconds. The Thing is, that it seems a bit agressive and me and my Partners would like to get Rid of it. Since we are all new to Shopify, I think we are currently using the “Build Your Store Theme” Theme. I used the Brwoser-Analysis Tool to look for the class or script name that is activating the Animation, but i only found “shakeAnimaton”. But I seems like I can’t find that in any of the .css files. I Also cant disable it in the “customize” tab of Shopify - neither in Animations nor in any other options category, even if I click the Button element directly. What do we do now? Can someone give us a hint?

2

Hi,

You should contact the theme merchants, they will be more efficient in solving your problem.

1 Like
3

  1. From home, you want to click “Online Store” on the left.

  2. Click the 3 dots next to the “Customize button” on your current theme.

  3. Click “Edit code”

  4. Where it says “Filter files…” type in “base.css”

  5. Click “base.css” and scroll to the very bottom of it

  6. At the very bottom, press enter to add a new line and paste the following code:

.product-form__buttons.shakeAnimation.shake {
animation: shake 0s infinite !important;
}

3 Likes
4

Oh my god, it worked ! thank you

5

Awesome! Thank you