Add to Cart button, how to remove the animation

shipped
New Member
6 0 0

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

0 Likes

Dear @shipped 

We will be happy to help you in this.

Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes
shipped
New Member
6 0 0

hi, for what price?

kind regards - karim from shipped

0 Likes