I duplicated the home and created a test page following the link
http://usevolver.com/teste/
What I want is that first image the way it is just that without getting changing css to the site does not give responsivity errors, what I want is simple.
A product without buttons or values. only the image and move the mouse over it change the image.
What I did was .
Create a woocommerce equal in the image. and the settings only put a product with size 570px width and height .
But he does not respect the size is too small.
so I had to put an extra class and add the following css line.
li.product-item.col-md-3.col-sm-4.col-xs-12.col-ts-12.style1.flash1.post-1448.product.type-product.status-publish.has-post-thumbnail.product_cat-todas.featured.shipping-taxable.purchasable.product-type-simple.product-cat-todas.outofstock {
height: 570px !important;
width: 570px !important;
}
li.product-item.col-md-3.col-sm-4.col-xs-12.col-ts-12.style1.flash1.post-1448.product.type-product.status-publish.has-post-thumbnail.product_cat-todas.featured.shipping-taxable.purchasable.product-type-simple.product-cat-todas.outofstock .product-info {
display: none;
}
In this way it is quite ridiculous.
You have any other way to do what I want .
product image without button buy no price or description, only in effect when passing mouse image exchange . and clicking go to product.
