Estoy usando el siguiente código personalizado para personalizar la Alerta de Woocommerce predeterminada para productos variables (si el usuario no seleccionó ninguna de las variaciones disponibles). La Alerta, que dice: Seleccione algunas opciones de producto... , en la página de un solo producto.
El código funciona bien (en situación) : digamos, si tengo 2 atributos de variación. Ese es el tamaño y el color . Por lo tanto, si un usuario selecciona cualquier opción (término de atributo) del tamaño , pero se olvidó de elegir el color , entonces recibe una Alerta personalizada específica, por no elegir el Color (como en el código a continuación). Y viceversa, si olvidó seleccionar la opción (término de atributo) para el tamaño (pero ya seleccionó la opción de Color ), entonces recibe un mensaje de Alerta personalizado diferente (nuevamente, como en el código a continuación - 2nd Alert)
El código no funciona (para esta situación a continuación) : diga, si el usuario olvidó o no selecciona NINGUNO de los atributos de Variación. Ese no es el término de ningún atributo del tamaño ni de una opción de color , entonces, cómo actualizar el código de una manera, para mostrar un mensaje de Alerta totalmente diferente.
Actualmente, lo que está sucediendo es: si el usuario no selecciona ninguna de las opciones, ni de tamaño ni de color, entonces el primer mensaje de Alerta (que viene primero en orden - De arriba a abajo) se muestra automáticamente. Que según mi código a continuación, está configurado para el atributo Tamaño
Este es un código JS personalizado-
jQuery(document).ready(function($){ $('.single_add_to_cart_button').click(function(e){ if ($('#pa_size').val() == "") { e.preventDefault(); alert("Oh! You missed the option. Why not choose the one"); return false; } if ($('#pa_color').val() == "") { e.preventDefault(); alert("You missed to choose the Color. Please select any one"); return false; } }); });Pregunta:
Saludos