[php] Woocommerce에서 장바구니에 추가 버튼에 로딩 아이콘을 표시하는 방법



0 Answers

나는 더 나은 해결책을 가지고있다. 버튼에 이미지를 추가 할 필요가 없다.

WooCommerce는 클래스 '로더'를 제공합니다. 이 클래스를 장바구니에 추가 버튼에 추가하기 만하면됩니다.

$( '.add_to_cart_button' ).on( 'click', function(){
   $(this).addClass('loading');
});

그리고 제품이 장바구니에 추가 되 자마자 removeClass 함수를 사용하여 다음과 같은 로더를 제거 할 수 있습니다.

 $(this).removeClass('loading');
Question

사용자가 클릭하면 장바구니에 추가 버튼에 로딩 심볼을 표시하려고합니다. 현재 내 사이트에서 사용자가 버튼을 클릭하면 2-4 초 동안 아무 작업도 수행되지 않고 장바구니보기 버튼이 표시됩니다.

이 4 초 동안 로딩 또는 회전 아이콘을 보여주고 싶습니다. 가능한가? 누군가 나를 인도 할 수 있는가?

링크 : http://www.myeatable.com/cnc-ongole/



Related