I’m fairly new to web design and am struggling with an issue on my site. I am building an education site that sells individual lessons and would like to have my items on specific page of my site, not using the woocomerce shop. As you can see from the link https://www.in2drums.com/wordpress/ I have some mocked up items on the main page. When I click the add to cart button it reloads the whole page. I would like to be able to press these add to cart buttons and only have the items added without leaving or reloading the page.
I only need it to add single items.
I would appreciate it if anyone could help me with this.