Skip to content

Amélioration de l'UX du formulaire de panier

tcharlss a demandé de fusionner gh-36237ae9/3/unknown/refs/pull/3/head vers master

Le formulaire prend un paramètre supplémentaire $options pour passer… des options. Ces options sont activées par défaut. Nb : c'est de l'amélioration progressive en JS.

  • « autosubmit » permet de poster automatiquement le formulaire dès qu'on change les quantités : ainsi plus besoin d'afficher le bouton « recalculer », charge cognitive en moins.
  • « afficher_boutons_quantite » ajoute des boutons « - » et « + » à côté des inputs pour modifier la quantité.
  • « afficher_boutons_supprimer » ajoute un bouton pour supprimer un objet (ça met la quantité à 0 et ça post le form).

On peut également ajouter les classes des boutons avec « bouton_xxx_class », ce qui simplifie quand on utilise certains frameworks CSS. Bon là comme il y avait déjà certaines classes de Bootstrap, je les ai laissées, mais ça serait mieux si c'était vraiment agnostique.

On ajoute également les styles nécessaires pour la classe .offscreen, qui n'est pas présente dans spip.css : elle est nécessaire au bon fonctionnement du formulaire, donc on la fournit, ça doit marcher out-of-the-box.

Par défaut on affiche également les logos des objets en plus du titre, comme c'est fait dans la très grande majorité des paniers.

Quelques corrections pour l'accessibilité.

Rapports de requête de fusion