I want to add increment decrement buttons to my product archive as well as single product page in wordpress/woocommerce

I am Developing an online eCommerce website for my Business. I wanted to make the add to cart button replaced to product increment decrement buttons just like Bigbasket and Grofers and reflect the product change to my cart page automatically.

This means that when someone will visit my website and click on Add to Cart Button to add the product the add to cart button will get replaced with product increment decrement buttons and the product change will get reflected to my cart automatically. I am using ASTRA(Brandstore) template. Just like Bigbasket and Grofers.

I also have a little bit of coding experience. Can anyone please help me?