Muchos temas WordPress ya vienen preparados para WooCommerce, porque uno sabe por qué empieza por su web pero no como terminará.
De hecho es buena idea – y siempre lo recomiendo – que el tema que elijas sea compatible con WooCommerce, aunque de momento no hayas pensado añadir la funcionalidad de tienda online a tu sitio.
Pero no todos los temas compatibles con WooCommerce son iguales, y he detectado que en muchos de ellos no se incorpora algo que me parece una funcionalidad básica: que en todas partes donde aparezcan productos haya un botón para añadir al carrito rápidamente.
Siempre encontrarás el botón de añadir al carrito en la página de producto, pero no en todos los temas se mostrará en el catálogo, páginas de archivo de categorías de producto, etc.
Me parece, además, especialmente útil en las ventas cruzadas, para una vez en el carrito que el cliente pueda añadir rápidamente más productos a su compra ¿no te parece?
Pues bien, dicho esto vamos al turron…
Cómo hacer que Divi y otros temas muestren el botón de añadir al carrito en todas partes
Uno de los temas que sorprendentemente no incorpora el botón de añadir al carrito por defecto es Divi.
Ni en las páginas de archivo de categorías, ni en los módulos de WooCommerce, nunca muestra el botón de añadir al carrito, salvo en la página del producto.
Pero no es el único, otros como Unwind, que también me gusta mucho, tampoco tiene esta funcionalidad, que como te he comentado antes me parece básica, pero sobre todo muy útil para vender más, que de eso se trata ¿no?
Menos mal que la solución es ¿sencilla?, no, ¡sencillísima!
Solo tienes que añadir una línea de código al archivo functions.php del tema activo, esta:
/* Botón de añadir al carrito en tienda */ add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 20 );
Guarda los cambios y ya está.
Ahora ya tendrás botones de añadir al carrito en todas partes con el tema Divi…
O cualquier otro…
Además, como puedes ver en las capturas no hay que modificar nada más. Los botones se mostrarán con los estilos del tema, en el idioma del sitio, como si siempre hubiesen estado ahí.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Muchas graciass, lo estaba buscano
hola. si me funciono pero no aparece el texto «añadir al carrito» que puedo hacer, solo aparece un boton que cambia de olor y una canasta
Hola, muchas gracias. Y para agregar la cantidad de productos que se quiere agregar al carrito que linea de codigo tenemos que poner?
Muchas gracias! Funcionó perfecto!
Me ha salvado la vida, muchísimas gracias…
Y para el tema Astra de woocomerce es el mismo código?
Gracias
Para Astra mejor así: https://ayudawp.com/astra-anadir-carrito-imagen-producto-hover/
hola Fernando,
¿Se pude añadir una url personalizada en cada Botón de Añadir al Carrito?
o sea, una ves le des al botón, me redirija a otro producto.
Hola Fernando,
Muchas gracias, me ha venido muy bien.
¿Cómo podría personalizarlo en color y tipo de letra el botón?
Ahí ya hay que poner CSS, aplicado según los IDs del tema. Hace poco publiqué una guía de CSS fácil 🙂
para el tema Neve + WooCoomerce no me funciona
Qué raro, Neve es un tema bastante estándar y este código funciona en todos los temas que he probado. Lo probaré con Neve a ver.
A mi no me funciona en woocommerce. Pero no me funciona ese ni ningún otro. Sabes qué puede pasar?
Gracias.