Woocommerce – cambiar botón añadir cesta

En ocasiones nos interesará cambiar el botón de añadir producto a la cesta de Woocomerce, por otro contenido. Veamos cómo cambiar botón añadir a la cesta de woocommerce de WordPress por el contenido que nosotros queramos.

Tutoriales WordPress Castellano

Lo más utilizado es cambiar el botón de «Añadir a la cesta» por el de «Ver producto», para obligar al usuario visitar el producto antes de añadirlo a la cesta. Normalmente es debido a que se quiere informar al usuario de algun tema importante: tema impuestos (IVA), alguna condición especial (No se envía a ciertos paises)… o diferentes temas a tratar.

El código

WooCommerce deja hacerlo añadiendo a vuestro fichero funcions.php el siguiente código.

// Cambiar en la tienda el botón de añadir al carrito, por un enlace al producto
add_filter( 'woocommerce_loop_add_to_cart_link', 'custom_text_replace_button', 10, 2 );
function custom_text_replace_button( $button, $product  ) {
    $button_text = "Ver producto";
    return '<a class="button" href="' . $product->get_permalink() . '">' . $button_text . '</a>';
}

En el código, no tenemos en cuenta el tema de los idiomas. Se debería tratar en el caso que tengáis plugins como WPML para que el texto que se muestre, sea en el idioma correcto.

Otro ejemplo sería eliminar el botón de «Añadir a la cesta», que lo que haríamos es no escribir nada.

// Cambiar en la tienda el botón de añadir al carrito, por un texto vacío
add_filter( 'woocommerce_loop_add_to_cart_link', 'custom_text_replace_button', 10, 2 );
function custom_text_replace_button( ) {
    return '';
}

De esta manera los botones se sustituyen por un contenido vacío.

Lógicamente, debéis coger el código como orientativo. Puede cambiar según tengáis instalados unos plugins u otros, o una plantilla u otra.

Espero que encontréis de utilidad el artículo de cómo cambiar botón añadir a la cesta de woocommerce de WordPress por el contenido que nosotros queramos.


Más información