CMS Woocommerce

Mostrar/Ocultar botón «Añadir al carrito» en Woocommerce

Cómo hacer visible el botón «Añadir al carrito» en el loop de Woocommerce

Algunos templates traen oculto por defecto el botón de «Añadir al carrito«, ya sea en la vista ampliada de un producto, o más comúnmente, en la vista del listado de productos, lo que en la jerga se conoce como el loop de productos.

Ocultarlo puede parecer sencillo: Recurrimos a CSS y ponemos display:none.
Pero si lo que pretendemos es mostrarlo y vemos que en realidad no está oculto con CSS, ¿cómo lo insertamos?

 

1º Abrimos, vía FTP, el archivo functions.php de nuestro tema activo. Habitualmente esta en:
http://www.nuestro_dominio.tld/wp-content/themes/nombre_del_tema/functions.php

2º Lo editamos añadiendo el siguiente código:

Si pretendemos mostrar el botón:

//Mostrar Añadir al carrito
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

Si queremos ocultar los botones:

//Ocultar Añadir al carrito
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

 

Guardamos el archivo, lo volvemos a subir y ¡listo!

¿Y si lo que queremos es cambiar la funcionalidad del botón «Añadir al carrito» por, digamos, «Ver producto«? Te recomendamos leer esta otra entrada.

 

¿Has conseguido solucionar tu problema? ¡Ahora ayúdanos tú a nosotros compartiendo esta entrada!

Cristian Sarabia Martínez

Desde que a principios de los 90 mi padre desempolvó su Spectrum, no he dejado de probar y experimentar con la tecnología.

Enamorado del mundo web, Full Stack Developer de profesión y diseñador por devoción.

Ahora hago mis pinitos en esto del blogging para compartir con vosotros un poquito de todo lo que la comunidad me ha dado.

6 Comentarios

Haz clic aquí para dejar tu comentario