Modify WooCommerce Product Archive Page

In Progress

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.

Skills: CSS, eCommerce, PHP, Website Design, WordPress

See more: modify woocommerce css, woocommerce css product view, woothemes superstore theme modify, wordpress hover product, woothemes superstore product archive add category, woocommerce modify product archive, modal window design, circle website template design, archive design, add to wishlist wordpress plugin, archive website design, Woocommerce website, woocommerce theme, woocommerce template, woocommerce site design, woocommerce product page, woocommerce php, woocommerce c++, php woocommerce, custom woocommerce, area of a circle, archive, add product woocommerce, add product to category, woocommerce list view

Project ID: #4681111

Awarded to:

annsys

Hi I am ready to work on this task. Thanks Jack

$34 USD in 1 day
(140 Reviews)
6.0

3 freelancers are bidding on average $35 for this job

drudev

HELLO. Ready to start asap. Please check your PMB. Thanks. Can do your task in few hours. I Create valid, cross-browser compliant web documents.

$35 USD in 1 day
(25 Reviews)
4.6
praph

wordpress expert here, please check pm

$35 USD in 3 days
(10 Reviews)
3.8