Adding Ajax to non shop "Add to cart" Button Wordpress/ woocomerce

Hey there,
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 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.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.