{"id":6648,"date":"2025-01-29T21:59:18","date_gmt":"2025-01-29T19:59:18","guid":{"rendered":"https:\/\/www.h-hennes.fr\/blog\/?p=6648"},"modified":"2025-01-29T21:59:19","modified_gmt":"2025-01-29T19:59:19","slug":"prestashop-trier-les-champs-du-formulaire-de-creation-de-compte","status":"publish","type":"post","link":"https:\/\/www.h-hennes.fr\/blog\/2025\/01\/29\/prestashop-trier-les-champs-du-formulaire-de-creation-de-compte\/","title":{"rendered":"Prestashop : Trier les champs du formulaire de cr\u00e9ation de compte"},"content":{"rendered":"\n

A la suite de la cr\u00e9ation d’un pr\u00e9c\u00e9dent module, pour lequel j’ajoutais un champ dans le formulaire dans le formulaire de cr\u00e9ation de compte, j’ai pas mal \u00e9t\u00e9 frustr\u00e9 de ne pas pouvoir le positionner ou je voulais dans ce formulaire.
Vous pouvez trouver le module ici : Prestashop : Ajouter un champ confirmation email sur le formulaire de cr\u00e9ation de compte<\/a>
La solution que j’avais trouv\u00e9 \u00e9tait de le faire en Javascript, mais ce n’est pas la meilleure approche, et elle peut ne pas fonctionner sur tous les sites.

Le besoin \u00e9tant plus g\u00e9n\u00e9rique, j’ai donc sorti un module sp\u00e9cifique pour g\u00e9rer ce comportement.<\/p>\n\n\n\n

Fonctionnement technique<\/h2>\n\n\n\n

Pour ce besoin malheureusement pas d’autres possibilit\u00e9s que de faire un override.
La logique de gestion est g\u00e9r\u00e9e dans la fonction getFormat de la classe CustomerFormatter ( dans classes\/form\/CustomerFormatter.php ).
Cette fonction propose bien un hook additionalCustomerFormFields pour ajouter des champs sp\u00e9cifiques appel\u00e9 ici : <\/p>\n\n\n\n

\n\/\/ ToDo, replace the hook exec with HookFinder when the associated PR will be merged\n$additionalCustomerFormFields = Hook::exec('additionalCustomerFormFields', ['fields' => &$format], null, true);\n\nif (is_array($additionalCustomerFormFields)) {\n\tforeach ($additionalCustomerFormFields as $moduleName => $additionnalFormFields) {\n\t\tif (!is_array($additionnalFormFields)) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tforeach ($additionnalFormFields as $formField) {\n\t\t\t$formField->moduleName = $moduleName;\n\t\t\t$format[$moduleName . '_' . $formField->getName()] = $formField;\n\t\t}\n\t}\n}\n<\/pre>\n\n\n\n
Mais le probl\u00e8me de ce hook et qu’on peut uniquement modifier les champs natifs.
Si un autre module ajoute des champs sur le formulaire on ne peut les traiter, car ils n’existent pas encore, et nous n’avons pas acc\u00e8s aux champs des autres modules.
La surcharge \u00e0 faire est relativement facile , j’ai mis des commentaires explicatifs.<\/p>\n\n\n\n
\n &$format]);\n        return $format;\n    }\n}\n<\/pre>\n\n\n\n
L’objectif ensuite dans ce hook va \u00eatre de trier les champs selon l’ordre qu’on a choisi.
Pour cela dans le back office j’ai fait une petite interface graphique qui r\u00e9cup\u00e8re la liste des champs.
Et qu’on peut trier automatiquement.<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
L’ordre d\u00e9fini en back office est ensuite stock\u00e9 dans une configuration, avec le nom des champs sous la forme : 
[\u00ab\u00a0id_gender\u00a0\u00bb,\u00a0\u00bbfirstname\u00a0\u00bb,\u00a0\u00bblastname\u00a0\u00bb,\u00a0\u00bbcompany\u00a0\u00bb,\u00a0\u00bbsiret\u00a0\u00bb,\u00a0\u00bbemail\u00a0\u00bb,\u00a0\u00bbhhregistrationconfirmemail_email_confirmation\u00a0\u00bb,\u00a0\u00bbpassword\u00a0\u00bb,\u00a0\u00bbbirthday\u00a0\u00bb,\u00a0\u00bboptin\u00a0\u00bb,\u00a0\u00bbps_dataprivacy_customer_privacy\u00a0\u00bb]<\/em>
Et le tableau des champs est ensuite compar\u00e9 et\u00a0 tri\u00e9 selon l’ordre des champs de cette configuration.<\/p>\n\n\n\n
\n     \/**\n     * Trie les champs du formulaire selon l'ordre d\u00e9fini\n     *\n     * Le tableau $fields est pass\u00e9 par r\u00e9f\u00e9rence pour \u00eatre modifi\u00e9 directement\n     *\n     * @param array $fields\n     * @param array $definedOrder\n     * @return void\n     *\/\n    private function sortFormFields(array &$fields, array $definedOrder)\n    {\n        $orderMap = array_flip($definedOrder);\n        uksort($fields, function ($a, $b) use ($orderMap) {\n            $posA = isset($orderMap[$a]) ? $orderMap[$a] : PHP_INT_MAX;\n            $posB = isset($orderMap[$b]) ? $orderMap[$b] : PHP_INT_MAX;\n            return $posA <=> $posB;\n        });\n    } \n<\/pre>\n\n\n\n
Plus besoin de d\u00e9pendre de tricks javascript on a donc maintenant une gestion du tri bien plus flexible !
Et la logique est relativement simple \u00e0 mettre en oeuvre.
Je me pose la question est-ce que ce hook aurait un int\u00e9r\u00eat \u00e0 \u00eatre natif ou est-ce que c’est un besoin de niche ?
Vous pouvez t\u00e9l\u00e9charger le module directement sur la boutique<\/p>\n\n\n\n
T\u00e9l\u00e9charger le module complet ( et gratuit ) sur la boutique<\/a><\/p>\n\n\n","protected":false},"excerpt":{"rendered":"
A la suite de la cr\u00e9ation d’un pr\u00e9c\u00e9dent module, pour lequel j’ajoutais un champ dans le formulaire dans le formulaire de cr\u00e9ation de compte, j’ai pas mal \u00e9t\u00e9 frustr\u00e9 de ne pas pouvoir le positionner ou je voulais dans ce formulaire.Vous pouvez trouver le module ici : Prestashop : Ajouter un champ confirmation email sur […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[245],"tags":[104,615],"class_list":["post-6648","post","type-post","status-publish","format-standard","hentry","category-prestashop-2","tag-prestashop","tag-registration"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/posts\/6648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/comments?post=6648"}],"version-history":[{"count":2,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/posts\/6648\/revisions"}],"predecessor-version":[{"id":6651,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/posts\/6648\/revisions\/6651"}],"wp:attachment":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/media?parent=6648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/categories?post=6648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/tags?post=6648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}