I am trying to build a demo website. One of the specific requirement is to be able to easily add products to cart most probably from the category list. See attached screenshots.
This were taken from another website and once I go to individual categories, I can just add to cart after clicking Buy button by changing quantity as well.
Can someone guide me, please?
You can try AJAX Shopping Cart extension
It will add an ability to add products to cart from category or product pages without any reloads. Additionally, after hitting "Add to Cart", a pop-up window where clients cab change the quantity appears.
One more option for you to consider. We have QuickBuy - a handy ajax add to cart add-on. It allows to add products to cart on the category pages, search result page and cross sell list, without having to reload the page.