How can i do Add to Cart Button Shake?

Highlighted
New Member
4 0 0

Where should i paste the code for shake cart?


@Ro1239 wrote:

Hi. Can anyone help me with making the add to cart button shake in minimal theme,please? I would also like to know how to change the color of a tab (ie. sale to color red


@SimoLatrach wrote:

just remove :   }.product-form__cart-submit:hover {    from the code ..

 

 

your  code should start like this : 

 

.product-form__cart-submit {
display: block;
width: 100%;
line-height: 1.4;
padding-left: 5px;
padding-right: 5px;
white-space: normal;

animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;

.......



@SimoLatrach wrote:

just remove :   }.product-form__cart-submit:hover {    from the code ..

 

 

your  code should start like this : 

 

.product-form__cart-submit {
display: block;
width: 100%;
line-height: 1.4;
padding-left: 5px;
padding-right: 5px;
white-space: normal;

animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;

.......


Im sorry navigation menu

 



) in navigation on desktop and mobile?


 

0 Likes
Highlighted
New Member
4 0 0

Where do i put the code?

0 Likes
Highlighted
Shopify Expert
94 1 6
You can follow a quick guide we made here.

This will make the add to cart button shake every 4 seconds.

https://www.launchtip.com/how-to-make-the-add-to-cart-button-shake-on-shopify-for-free/
Shopify Expert, Apps & Support - https://www.launchtip.com
0 Likes