fbpixel

Botón de añadir al carrito cuando pase el mouse por la lista de productos

Hola me gustaría añadir esa función, que cuando el usuario pase el mouse por el producto aparezca el boton de añadir al carrito

![Captura de pantalla 2021-11-21 224326|690x309](upload://gqnMEwVKNNHs7w2ziysZ0UxMxt8.png)

Hola Amigo, soy bastante nuevo aquí pero creo entender lo que necesitás. Yo hace un tiempo descargué estos códigos para colocar, el primero en el archivo functions.php, y el segundo en la apariencia del tema, en la parte css adicional. Probalo y cualquier cosa me avisás

//para pegar en function.php
// Agregar botón de “añadir al carrito” en los productos del módulo tienda
add_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 20 );

//para pegar en css adicional
/* Mostrar botón añadir al carrito en hover */
.woocommerce ul.products li.product {
overflow: hidden;
}

.woocommerce ul.products li.product:hover .button {
visibility: visible;
transform: translatey(0px);
transition: 0.35s;
opacity: 1;
}

.woocommerce ul.products li.product .button {
font-size: 12px;
line-height: 15px;
padding: 8px 12px;
min-height: 15px;
font-weight: bold;
text-transform: uppercase;
}

@media (min-width: 768px) {
.woocommerce ul.products li.product .button {
position: absolute;
bottom: 70px;
margin-left: 10px !important;
visibility: hidden;
transform: translatey(0);
transition: 0.35s;
opacity: 0;
}

.woocommerce ul.products li.product:hover .button {
    transform: translatey(-10px) !important;
}

}