Seleccionar cantidad y Comprar directamente desde el Catalogo  

Hola Lorena.

Prueba lo siguiente.

.- Edita el archivo functions.php que encontraras en wp-content -> themes -> tu_plantilla -> functions.php
.- Al final del archivo añade lo siguiente:

/**
 * añadir cantidad en página de archivo.
 */
function custom_quantity_field_archive() {

	$product = wc_get_product( get_the_ID() );

	if ( ! $product->is_sold_individually() && 'variable' != $product->product_type && $product->is_purchasable() ) {
		woocommerce_quantity_input( array( 'min_value' => 1, 'max_value' => $product->backorders_allowed() ? '' : $product->get_stock_quantity() ) );
	}

}
add_action( 'woocommerce_after_shop_loop_item', 'custom_quantity_field_archive', 0, 9 );


/**
 * añadir JavaScript.
 */
function custom_add_to_cart_quantity_handler() {

	wc_enqueue_js( '
		jQuery( ".post-type-archive-product" ).on( "click", ".quantity input", function() {
			return false;
		});
		jQuery( ".post-type-archive-product" ).on( "change input", ".quantity .qty", function() {
			var add_to_cart_button = jQuery( this ).parents( ".product" ).find( ".add_to_cart_button" );

			// For AJAX add-to-cart actions
			add_to_cart_button.data( "quantity", jQuery( this ).val() );

			// For non-AJAX add-to-cart actions
			add_to_cart_button.attr( "href", "?add-to-cart=" + add_to_cart_button.attr( "data-product_id" ) + "&quantity=" + jQuery( this ).val() );
		});
	' );

}
add_action( 'init', 'custom_add_to_cart_quantity_handler' );

Revisa si con eso se muestra.

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo

Hola Pepe!

Muchas gracias! Queda como lo queria!! Adjunto pantalla.
Sin embargo, al cambiar la cantidad, me lleva a la pagina del producto. Lo voy a dejar asi para que puedas ingresar www.elementotiera.cl para que lo veas.

Otra consulta sobre la misma configuración:

Tengo muchos producto que vendo en varias medidas ( pesos y liquidos). En este ejemplo que tengo publicado, es Aceite de Almendras, que se vende por 250 ml, 500 ml y 1 Litro.
Y los tengo como productos simples, precisamente para que el cliente no necesite entrar a la pagina de producto.
Si quisiera hacerlos como producto variable, en la pagina de catalogo, es posible que junto al seleccionador de cantidad se pueda seleccionar tambien la variable?

Muchas gracias!!

Hola

Según lo que veo el problema es el enlace que esta envolviendo a todos los controles de cantidad junto con la imagen

Revisa en los archivos de tu theme si tienes una carpeta Woocommerce y dentro de ella si tienes algún archivo que haga referencia la producto, podrías probar renombrando la carpeta woocommerce de tu theme y ver si tienes el mismo comportamiento, con este último cambiará el diseño pero es sólo para probar.

Saludos.

Hola Jhon!

Revisé y mi Tema THE-WP, no tiene carpeta de woocommerce. Solo tiene un archivo woocommerce.php.
Se podrá hacer alguna variación a este archivo?

Gracias!

Lorena

Hola,

Verifica si el siguiente enlace te es de utilidad para lo que requieres: https://themes.zone/2016/06/14/free-woocommerce-ajax-quantity-plugin-themes-zone/

Hola!

Disculpas, no había cerrado el tema.
Por si alguien esta en la misma situación que yo, ( pagina con múltiples productos, casi todos variables y con compra promedio de 12 productos por cliente), que requiere que el cliente tenga una compra lo más ágil posible y sin tener que entrar a la pagina de cada producto para elegir las variables:
Al final, instalé 2 plugins que juntos me dieron la solución:

• Quantity Field on Shop Page for WooCommerce
• Woocommerce Add to cart Ajax for variable products

El primero muestra la seleccion de cantidad en la pagina de tienda y el segundo permite agregar las variables y redirigir a la misma pagina despues de añadir al carro..
Gracias!!

Saludos,

Lorena

Hola,

Agradecerte por ofrecer la solución que de seguro aportará de mucho valor para la comunidad.