logooneasesoria4

¿Necesita una consulta gratuita?

Botones para añadir varios productos al carrito en WooCommerce @ Ayuda WordPress

WooCommerce por defecto permite al cliente seleccionar la cantidad de productos que quiere añadir al carrito y comprar pero, ¿y si tú quieres limitar eso solamente a ciertas opciones, que tú definas previamente?

Me iba a enrollar comentándote algunas ideas de por qué se te pueden ocurrir estas cosas pero seguro que prefieres que veamos como se hace ¿no?

Cómo forzar que los clientes solo puedan comprar un artículo por carrito

Esto igual ya lo sabías, pero por si acaso…

Si simplemente quieres evitar que los clientes llenen el carrito de algún producto concreto, por lo que sea, para que no te vacíen el inventario o algo, es tan sencillo como editar el producto y, en la parte de datos del producto, en la sección de inventario, marcar la casilla de limitar las compras a 1 solo producto.

Aquí tienes unas capturas de dónde está este ajuste, en el formulario de productos nuevo y en el clásico…

Y aquí cómo se vería la página del producto pudiendo elegir cantidad y si la limitas…

Cómo sustituir el selector de cantidad de artículos por botones con cantidades por defecto

Ahora que hemos visto lo básico, vamos a lo que mola, a ponernos en modo ninja con la selección de artículos, y vamos a hacer desaparecer del todo el selector de cantidad, para que el cliente solo tenga la posibilidad de añadir al carrito una serie de cantidades por defecto que tú decidas.

Esto es muy útil, por ejemplo, si quieres hacer ofertas de descuento por cantidad, o de 2×1 y cosas así, por supuesto combinado con plugins de personalización de descuentos por cantidad como Yith Dynamic Prices and Discount o Quantity Discounts for WooCommerce, ambos plugins realmente buenos para todo tipo de descuentos personalizados.

Aquí tienes un ejemplo de código que podrías aplicar para conseguirlo:

/* Botones con cantidades de producto predefinidas */
add_action( 'woocommerce_before_single_product', 'ayudawp_botones_cantidades', 1 );
function ayudawp_botones_cantidades() {
global $product;
add_action( 'woocommerce_single_product_summary', 'ayudawp_selector_cantidad', 17 );
add_action( 'woocommerce_single_product_summary', 'ayudawp_selector_cantidad_css', 18 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
}
//En esta funcion puedes agregar, quitar o cambiar los textos a voluntad o segun tus reglas de descuento
function ayudawp_selector_cantidad() {
global $product;
?>
<div class="quantities-wrapper">
<div class="quantity-wrapper">
<a class="single_add_to_cart_button button alt qtyselector" href="https://ayudawp.com/?add-to-cart=<?php echo $product->get_id(); ?>&quantity=1">Añade 1 <?php echo $product->get_name(); ?> al carrito</a>
</div>
<div class="quantity-wrapper">
<a class="single_add_to_cart_button button alt qtyselector" href="/?add-to-cart=<?php echo $product->get_id(); ?>&quantity=2">Añade 2 <?php echo $product->get_name(); ?> al carrito y ahorra un 10%</a>
</div>
<div class="quantity-wrapper">
<a class="single_add_to_cart_button button alt qtyselector" href="/?add-to-cart=<?php echo $product->get_id(); ?>&quantity=3">Añade 3 <?php echo $product->get_name(); ?> Al carrito y ahorra un 15%</a>
</div>
</div>
<?php
}
//Esto es un poco de CSS para los botones
function ayudawp_selector_cantidad_css() {
?>
<style>
a.single_add_to_cart_button.qtyselector { display: block; border-radius: 8px; text-transform: uppercase; margin-bottom: 1em; text-align: center; }
</style>
<?php
}

Y el resultado sería el siguiente:

botones predefinidos cantidad producto woocommerce

Puedes añadir o quitar botones, cambiar el texto según tus ofertas o necesidades, lo que prefieras. Eso sí, este código de ejemplo se aplica a todos los productos de la tienda, si quieres algo más particular tendrás que aplicarle reglas condicionales.

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

¿Te gustó este artículo?

Déjanos tus comentarios..!

18 de septiembre de 2023

RECIBE

GRATIS

Recursos para tu web GRATIS.

En agradecimiento por haber leido nuestro blog te ofrecemos algúnos plugins, temas y asesoría para el desarrollo de tu sitio web.
Envía correo y espera respuesta...Gracias..!
baneranunciopluginsbest
Publicaciones Relacionadas
Abrir chat
One Asesoría
Hola 👋
¿Necesita cotizar una página o tienda online, cómo podemos ayudarle..?