HI! I am using a custom theme with the WooCommerce plugin to run my shop. As I am still in the developing stage of my site, I am in the process of adding products to my site. I want to use a custom image as my add to cart button and a different image after the product has been added. I am not sure where the code is located for me to change this & also exactly what code needs to be entered. The default add to cart button is just a block with the text 'ADD TO CART" displaying on top of the block & the same with the "ADDED" part. I have an image the looks like a ribbon, a black one for the 'ADD TO CART' & a green one for the 'ADDED'. I want the add to cart button to be hidden until the customer hovers over the product then the 'add to cart' button slides down underneath the product. I am using the MayaShop theme. (http://themeforest.net/item/mayashop-a-flexible-responsive-ecommerce-theme/full_screen_preview/2189918)
Can anyone help me with this?