Seleccionar cantidad y Comprar directamente desde el Catalogo  

 
Lorena
 Lorena
Usuario activo

Hola!

Estoy recién configurando mi tienda y como es de productos de alimentación estándar, el cliente no necesita entrar a la pagina del producto para saber de que se trata.
Además, que las compras son de un promedio de 20 productos por compra. Entrar 20 veces a la pagina de producto, para seleccionar la cantidad y añadir al carro, y despues volver al catalogo para elegir otro producto se vuelve tedioso.
Son productos sin definiciones o especificaciones, por lo que lo más facil y rapido para el cliente es seleccionar la cantidad y añadir al carro desde el mismo catalogo, tal como lo muestra este ejemplo de otra tienda ( no se que plugin usa).
Actualmente tengo pack wordpress con Woocommerce. Se puede hacer esto?
O en Prestashop o Virtuemart?

Muchas gracias

Lorena!!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/02/2018 7:02 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 27/02/2018 10:06 am

Cursos Gratuitos WordPress

Lorena
 Lorena
Usuario activo

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!!

ResponderCitar
Respondido : 27/02/2018 8:34 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 27/02/2018 9:13 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Lorena
 Lorena
Usuario activo

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

ResponderCitar
Respondido : 27/02/2018 10:43 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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/

ResponderCitar
Respondido : 28/02/2018 5:05 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Lorena
 Lorena
Usuario activo

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

ResponderCitar
Respondido : 23/03/2018 12:48 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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

ResponderCitar
Respondido : 23/03/2018 1:43 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress