Modify WooCommerce Product Archive Page

Avg Bid (USD)
Project Budget (USD)
$30 - $250

Project Description:
I have a Wordpress e-commerce site running WooCommerce 2.012 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 custom.css 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.

Skills required:
CSS, eCommerce, PHP, Website Design, Wordpress
Additional Files: archive-page-mockup.jpg archive-page-current-mockup.jpg
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.

$ 34
in 1 days
$ 35
in 1 days
Hire praph
$ 35
in 3 days