Obligar a elegir combinación en desplegable para poder añadir al carrito

Uno de los problemas que podemos encontrar en nuestras tiendas, es que el comprador no cambie la combinación por defecto que añadimos al producto, haciendo que el comprador no realice la compra con la combinación que queria.

Una solución rapida y sencilla, es la siguiente :

Buscamos el custom.js de nuestro theme, normalmente estara en : /themes/xxxxx/assets/js

Editamos el fichero y añadimos lo siguiente, guardamos y eliminamos cache

$(document).ready(function() {
$(‘.form-control-select’).each(function(index){
$(this).prepend(“<option value=’0′ selected=’selected’>Elige una opción</option>”);
$(‘.add-to-cart’).prop(“disabled”,true);
$(this).change(function () {
$(‘#add-to-cart’).prop(“disabled”,false);
});
});
});