Rendre obligatoire déclinaison

[staf]

Bonjour à tous,

J'ai un réussi à rendre obligatoire la sélection des déclinaisons sur la fiche produit qui fonctionne, mais sur la liste des produits, lorsque l'on visualise l'aperçu (modal) ça ne fonction pas...

Presta 1.7

Voici le code dans le fichier custom.js:

// Require Attribut
  document.addEventListener("DOMContentLoaded", function() {
    for (var index = 0; index < $('[id^=group_').length; index ++) {
        $('[id^=group_]').eq(index).val('0');
    }

    if($('[id^=group_]').length) {
        $('.add-to-cart').first().prop('disabled', true);
        $('#quantity_wanted').prop('disabled', true);
        $('#product-availability').first().hide();
        $('.product-reference').first().hide();
            }else{
        $('#quantity_wanted').prop('disabled', false); 
    }

});

function attrSelect(ev, thisElement) {
    for (var index = 0; index < $('[id^=group_').length; index ++) {
        if ($('[id^=group_').eq(index).find('option:selected').val() == '0') {
            $('.add-to-cart').first().prop('disabled', true);
            $('#quantity_wanted').prop('disabled', true);          
            $('#product-availability').first().hide();
            $('.product-reference').first().hide();

            ev.preventDefault();
            ev.stopPropagation();

            break;
        }else{
             $('#quantity_wanted').prop('disabled', false); 

        }
    }
}

Merci de votre aide...

Edited December 2, 2019 by staf (see edit history)

[lagui]

J'ai pas testé mais Il manque un truc là, à 3 reprises : $('[id^=group_')

[staf]

Merci de votre retour je vais chercher de ce côté.

[staf]

Après avoir corrigé suite à la remarque de lagui et merci de sa réponse.

Cela fonctionne sur la page produit mais pas sur la liste des produits avec l'aperçu ou la déclinaison par défaut.

Comme si le modal bloquait "DOMContentLoaded"...

[lagui]

Le contenu n'existe pas dans le Dom avant l'appel Ajax qui retourne l'aperçu :

https://devdocs.prestashop.com/1.7/themes/reference/javascript-events/

https://api.jquery.com/on/

[staf]

Merci Lagui un peu de lecture ça ne fait pas de mal...

Maintenant je comprends pourquoi en aperçu ça ne fonctionne pas.

[Andriano]

Mettez le code JS directement sur le TPL du quick view

[staf]

Merci Andriano pour cette info, je vais le tester