How to do Add to Cart button shake on your Shopify store

Enercos - Single Product eCommerce Shopify Theme

The shaking Add to Cart button will attract as much attention as possible and effectively increase conversion of any product page in your store.

DEMO

If you want to create this effect for your Add to Cart button, it’s super simple! Follow these steps:

Step 1: Add CSS code

  • From your Shopify admin, to to Online Store > Theme.
  • Find the theme you want to edit and then click Action > Edit code.
  • In the Assets section, find to SCSS file (ex: theme.scss or style.scss…) and open that file in the online code editor.
  • Go to end line and paste the below code:
  • Click Save

Step 2: Add a new class for the buttons

Now, you must find all the buttons you want to add this effect and add a new class btn-shake for them.

Happy coding!

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *