Add to Cart button, how to remove the animation

karim71
Tourist
21 0 2

dear community, 

 

i have been setting up a new product liquid for products which are soon available. Im almost finished, but there is one small problem.

 

There is a feature, which animates a small arrow on the "add to cart" button. While it doesnt appear in this case, there is still some animation, which is changing the size of the button.

Is there any way to remove the animation for this button only?

  <button
      {% if product.empty? %}type="submit"{% else %}type="submit"{% endif %}
      name="add"
      id="AddToCart-{{ section_id }}"
      class="btn btn--full add-to-cart " disabled="disabled">
      <span id="AddToCartText-{{ section_id }}" data-default-text="{{ default_text }}">
        {{ button_text }}
      </span>
    </button>

 

I tried adding "btn--no-animate" but that removed the color of the button.

Thats the page im talking about:

https://shipped.de/products/ir-force-1-low-1-800-preorder

password: veirao

Replies 2 (2)
MS-WEB-DESIGNER
Shopify Partner
3012 181 488

Dear @karim71 

We will be happy to help you in this.

Click Here to Hire Shopify Store Customization Experts
Boost Conversions & Average Order Value with this
Best App for Sticky Add To Cart
karim71
Tourist
21 0 2

hi, for what price?

kind regards - karim from shipped