[razortw]

Originally Posted by Whisperingtreenet

The add to cart button is way small and not intuitive. Most customers won't put together that clicking on the shopping bag will add it to the cart. I would like to have an actual add to cart button like we have on the product pages instead of the tiny bag.

Well, the cheapest way to do so is to replace the /skins/default/en/items_list/product/images/bag/small.png image with the 'Add to cart' button image (example attached) and add the following code to the 'Custom CSS'.

.items-list .products-grid .add-to-cart-button {
  right: 20px;
  bottom: 5px;
}
.products .product-add2cart {
  width: 120px;
  height: 35px;
}

Here's the result of that change: https://i.gyazo.com/5e00e84d93ae222c8256f00e2a9add5e.png
Please note that the image will be overwritten during an upgrade, so it is recommended to implement this change as a module.