I have a Wordpress e-commerce site running WooCommerce [url removed, login to view] on WooThemes' Superstore theme. I have attached a screenshot of what the product archive / category pages look like. They have an add to cart button, a quick view, button, and a hover effect that when clicked links to the single product page. I would to change the product archive page template so that there is an add to cart button, and an add to wishlist button (using the WooThemes Wishlist plugin, which I have installed). I would like to modify the hover effect graphic so that the black circle shows a magnifying glass and the text "quick view". When the black circle area is clicked, the product's "Quick View" modal window should show -- this functionality works via the WooThemes Quick View plugin, which I have installed. When the area outside of the black circle is clicked, it should go to the single product page.
The site is currently responsive and the changes you make will need to behave responsively and look good at all resolutions. I ask that any CSS changes are only made to the [url removed, login to view] file, and commented. I will also need a list of other files that are edited so I can recreate your work in the future. I would like this completed in the next 24 hours.