Quoi de plus énervant si ce n’est pour l’administrateur, en tout cas pour le client qui choisi ses valeurs d’attributs, et qui ensuite décide de remplir les champs personnalisés du produit qu’il souhaite acheter, puis de sauvegarder ces derniers, car sans cet enregistrement les données ne sont pas gardées, de voir que les choix précédemment réalisés ont été perdus.

Au delà du fait de ce problème, il faut bien avouer que le fait d’avoir à cliquer deux fois pour ajouter un produit au panier est loin d’une optimisation de l’expérience utilisateur.

Pour supprimer ce problème, réduire le nombre de clics et donc améliorer la vision de votre boutique qu’aura cet acheteur, je vous propose un petit bout de code qui, une fois ajouté au fichier product.js de vote thème se chargera de supprimer le bouton d’enregistrement des champs personnalisés et lancera cet enregistrement lorsque le client aura cliqué sur le bouton d’ajout au panier.

Seule limitation concernant ce bout de code, les fichiers ne peuvent pas être traités, donc c’est limité, mais pour ceux qui n’ont pas besoin de fichiers, ce code leur permettra d’optimiser l’utilisation des champs de personnalisation sur leur boutique.

A noter, le code ne fonctionnera qu’en mode panier ajax.

$(document).ready(function(){
    if ( $('#customizationForm').size() ) {
        // Button is hidden
        $('#customizationForm #customizedDatas').hide();
        $('#customizationForm #customizedDatas input.button').remove();
        // Add to cart methode is overriden
        var addToCartTmp = ajaxCart.add;
        ajaxCart.add = function(idProduct, idCombination, addedFromProductPage, callerElement, quantity, wishlist) {
            var data = $('#customizationForm').serialize().split('%0D%0A').join(' ');
            $.ajax({
                url: $('#customizationForm').attr('action'),
                type: 'POST',
                data: data,
                success: function() {
                    var parts = data.split('&');
                    for (part in parts) {
                        if (parts[part].indexOf('textField') != -1 ) {
                            var field = parts[part].split('=');
                            $('textarea[name="' + field[0] + '"]').html(field[1]);
                            $('textarea[name="' + field[0] + '"]').addClass('filled');
                        }
                    }
                    addToCartTmp(idProduct, idCombination, addedFromProductPage, callerElement, quantity, wishlist);
                }
            });        
        };
    }
});

Un nouveau billet concernant la même chose pour prestashop 1.7 se trouve ici