Agregar un Campo de Cantidad en las Páginas de Tienda y Categorías de WooCommerce

¿Quieres mejorar la experiencia de compra en tu tienda WooCommerce permitiendo que tus clientes ajusten la cantidad de productos directamente en las páginas de tienda y categorías? Con el siguiente snippet PHP, podrás agregar un campo de cantidad en las listas de productos, facilitando a tus clientes la selección de la cantidad deseada sin necesidad de acceder a la página de detalles del producto.

¿Por Qué Agregar un Campo de Cantidad en las Páginas de Tienda y Categorías?

Agregar un campo de cantidad en las páginas de tienda y categorías tiene varias ventajas:

Comodidad para el Cliente: Permite a los clientes ajustar la cantidad deseada directamente desde la lista de productos, ahorrando tiempo y esfuerzo.

Proceso de Compra Eficiente: Facilita la selección de múltiples unidades de un producto sin necesidad de entrar en cada página de producto.

Incremento en las Ventas: Una experiencia de compra más fluida puede llevar a un aumento en las conversiones y en el número de ventas.

Cómo Agregar el Campo de Cantidad en las Páginas de Tienda y Categorías

Para agregar un campo de cantidad en las páginas de tienda y categorías de WooCommerce, sigue estos pasos:

Accede al Editor de Temas: Desde el panel de administración de WordPress, ve a “Apariencia” y selecciona “Editor de Temas” (o “Editor de Archivos de Tema” en algunas versiones).

Añade el Snippet de Código: Copia y pega el siguiente código en el archivo functions.php de tu tema activo. Este código añadirá un campo de cantidad junto con un botón de “Añadir al carrito” en las páginas de tienda y categorías.

// Añadir campo de cantidad en las páginas de tienda y categorías
add_action('woocommerce_after_shop_loop_item', 'agregar_campo_cantidad', 20);

function agregar_campo_cantidad() {
    global $product;

    // Verificar si el producto es una variable
    if ($product->is_type('variable')) {
        return;
    }

    // Mostrar el campo de cantidad
    echo '<div class="cantidad-producto">';
    echo '<input type="number" id="cantidad_' . get_the_ID() . '" name="quantity" value="1" min="1" max="' . $product->get_max_purchase_quantity() . '" step="1" />';
    echo '</div>';
    
    // Agregar el botón de añadir al carrito
    echo '<button type="submit" class="boton-agregar-al-carrito">Añadir al carrito</button>';
}

Guarda los Cambios: Una vez que hayas añadido el código, guarda los cambios y verifica que todo funcione correctamente visitando tu tienda y categorías en línea.

Consideraciones Adicionales

Compatibilidad con Temas: El código proporcionado puede necesitar ajustes dependiendo del tema que estés utilizando. Asegúrate de probar la funcionalidad en diferentes dispositivos y navegadores.
Personalización: Puedes personalizar el diseño del campo de cantidad y del botón “Añadir al carrito” con CSS para que se ajuste al estilo de tu tienda.

Conclusión

Agregar un campo de cantidad en las páginas de tienda y categorías de WooCommerce no solo mejora la experiencia de tus clientes, sino que también optimiza el proceso de compra. Con el snippet PHP proporcionado, puedes implementar esta funcionalidad en tu tienda de manera rápida y efectiva. ¡Prueba este ajuste y observa cómo facilita el proceso de compra para tus usuarios!