How to remove animation from Add to cart button on archives

  • Resolved asnac

    (@asnac)


    7 months, 2 weeks ago

    I’m trying to find solution how to remove animation from “lis?? ostoskoriin” / “add to cart” button. When using Safari web browser and clicking button, first you see spinning boat and after that is changes to surfer dude. If you are using Mozilla Firefox there will be “E017” or orange box spinning. When using Google Chrome, Brave or Edge you won’t see any of these weird animations. I have tried to remove animations from button itself using different codes without result. This issue only happens on buttons which are added using code:

    /* Display Add to cart button on archives */
    add_action(‘woocommerce_after_shop_loop_item_title’, ‘woocommerce_template_loop_add_to_cart’);

    This code is in functions.php file which is located in Divi Visual Builder theme folder.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey there, @asnac! Thanks for contacting us.

    This animation is not something added by default on WooCommerce. It is probably added by your theme.

    Please reach out to the theme’s support so they can assist you further ??

    Please let us know if there’s anything else we can do to help or if you have any questions.

    Have a wonderful day!

    Thread Starter asnac

    (@asnac)

    I contacted Elegant themes and found answer! With these codes surfer, boat and boxes will vanish.

    Paste these two codes to Divi > Custom CSS

    .ajax_add_to_cart.added:after {
    display: none !important;
    }

    .ajax_add_to_cart.loading:after {
    display: none !important;
    }

    Plugin Support Shameem R. a11n

    (@shameemreza)

    Hi @asnac,

    I’m glad you were able to find a solution to your inquiry here and thanks for sharing it with the community too! ??

    Should you have further inquiries, kindly create a new topic here.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove animation from Add to cart button on archives’ is closed to new replies.