Add to Card on Hover

  • Resolved soraheel

    (@soraheel)


    4 years ago

    Hello, I need a bit of help, I want that woocommerce product shows add to cart on image when hover it. But it is going at the back of the image. Can you Please assist in making it right.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author YITHEMES

    (@yithemes)

    Hi there,
    at this moment Proteo don’t have this layout available by default… so your solution is a bit tricky.
    I’ve reviewed it and you should replace all your custom css with this:

    @media (min-width: 900px) {
	.woocommerce ul.products li.product .button {
	    position: absolute;
	    -webkit-transition: all ease 0.35s;
	    transition: all ease 0.35s;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	}
	.woocommerce ul.products li.product:hover .button {
	    transform: translateY(-150px);
	}
}
    Thread Starter soraheel

    (@soraheel)

    I replaced it with your code. But it is still going at the back of the image instead of front. Please see what can be done

    Theme Author YITHEMES

    (@yithemes)

    please add to the first rule also
    z-index: 10;
    This should help a lot

    Thread Starter soraheel

    (@soraheel)

    Thanks. Its done

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add to Card on Hover’ is closed to new replies.