This only work only for one custom on product page (THX for niltona) minimalism for validation field :):
Mod for 3 files no more:
- product-add-to-cart.tpl
A. Make false button in file example:
<div id="ajouter_panier" class="ajouter_panier">
Ajouter au panier
</div>
B. Style button in CSS and hide original buttton
- ps_shoppingcart.js
A. Add funciotn to file:
$('.product-message').keyup(function () {
this.value = this.value.replace(/[^0-9\.]/g,'');
});
$( "#ajouter_panier" ).on( "click", function() {
var warnning_message = 'S’il vous plaît entrez la taille Désirée';
if( !$('.product-message').val() ) {
//$('.product-message').addClass('warning');
alert(warnning_message);
} else {
var formActionAttribute_url = $(".product-customization form").attr('action');
var formActionAttribute_name_field = $(".product-customization form .product-message").attr("name");
var formActionAttribute_value_field = $('.product-message').val();
var submitCustomizedData = 'submitCustomizedData';
var data = {};
data[formActionAttribute_name_field] = formActionAttribute_value_field;
data[submitCustomizedData] = 'submitCustomizedData';
$.post( formActionAttribute_url, data ).done(function( data ) {
$('.add-to-cart').removeAttr('disabled');
$('.add-to-cart').click();
});
}
});