How to shake dynamic check out Button? (Motion Theme)

Tourist
7 0 0

Hello Community, 

 

I have a question on the quick check out button.

How to edit the code to shake the dynamic check out button?

 

I've got the code, but as you can see on the screenshot the first button "In den Einkaufswagen legen" shakes only.
I want to that the "Jetzt Kaufen" button shakes instead.

Screenshot 2019-09-23 at 11.31.20.png

 

			->	<div class="shakehorizontal">

					<button class="btn" ......... >

			->	</div>

and 

.shakehorizontal {
    animation: alexpngshakehor 6s; 
    animation-iteration-count: infinite; 

    .text {
      display: block;
      font-size: 2em;
      width: 100%;
      -webkit-animation-duration: 1s;
      animation-duration: 0.5s;
    }
    .fadeInDown.text {
      -webkit-animation-duration: 1.6s;
      animation-duration: 0.8s;
    }
  }

@keyframes alexpngshakehor {
    0% { transform: translate(13px, 0px) rotate(0deg); }
    1% { transform: translate(-12px, -0px) rotate(0deg); }
    2% { transform: translate(-15px, 0px) rotate(0deg); }
    3% { transform: translate(15px, 0px) rotate(0deg); }
    4% { transform: translate(13px, -0px) rotate(0deg); }
    5% { transform: translate(-13px, 0px) rotate(0deg); }
    6% { transform: translate(-15px, 0px) rotate(0deg); }
    7% { transform: translate(0px, 0px) rotate(0deg); }
    8% { transform: translate(0px, 0px) rotate(0deg); }  
    80% { transform: translate(0px, 0px) rotate(0deg); }
    90% { transform: translate(0px, 0px) rotate(0deg); }
    100% { transform: translate(0px, 0px) rotate(0deg); }
}

Where can I find the "dynamic check out button" code?


Thanks :)

0 Likes
Trailblazer
327 73 65

Hi, @marcel9 ,

This is Evita from On The Map.

 

You need to change class names, can you send me your store URL, so I could see what class name you need to use?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
7 0 0
Tourist
7 0 0

@OTM 

:)

0 Likes