Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

Problème d'affichage dans le module Conorderfee admin

sarah13

Bonjour à tous,

Je rencontre un souci assez étrange avec le module Conorderfee sur notre PrestaShop 1.7.7.6. Lorsque je me rends dans la section de gestion des politiques du module (dans l'administration), la liste s'affiche de manière totalement cassée : le layout est défectueux et le JavaScript semble ne pas fonctionner du tout (tri, pagination...). C'est comme si le CSS était ignoré ou que le JS n'arrivait pas à s'initialiser correctement.

Après avoir inspecté le code, j'ai l'impression que la div que le module ajoute autour du rendu de la liste parent peut être la cause. Voici le snippet du fichier conorderfee/controllers/admin/AdminconorderfeePolicies.php :

function renderList()
    {
        return '<div class="conorderfee-policies-list">' . parent::renderList() . '</div>';
    }

Est-ce que quelqu'un a déjà eu ce problème ou sait pourquoi envelopper parent::renderList() de cette manière pourrait casser l'affichage ? Comment puis-je adapter ça pour que la liste s'affiche correctement ?

celinepanier

Salut @sarah13,

Oui, c'est un cas classique en 1.7 et même avant avec les contrôleurs d'administration. La méthode parent::renderList() de AdminController est conçue pour générer une structure HTML très spécifique que DataTables (la librairie JS utilisée par PrestaShop pour les listes) attend. Envelopper cette sortie directement dans un div supplémentaire comme tu le montres peut casser cette structure attendue.

Souvent, le JavaScript de DataTables cherche des éléments précis (comme table, thead, tbody) au niveau racine de ce que renderList() renvoie. Si tu ajoutes une div entre les deux, il ne trouve plus ce qu'il attend et patatra, plus de styles, plus de fonctionnalités JS. Tu as vérifié la console de ton navigateur pour des erreurs JavaScript ?

vincent_pro

Je suis d'accord avec @celinepanier. Ce genre de problème arrive souvent quand on essaie d'ajouter des wrappers. Le AdminController s'attend à ce que le renderList() retourne directement le tableau HTML avec ses scripts d'initialisation.

Pour être plus précis, le AdminController injecte aussi des CSS et des JS spécifiques à la liste (comme ceux de DataTables). Si ta div.conorderfee-policies-list n'est pas stylisée pour cela ou interfère avec les sélecteurs par défaut, ça peut tout casser. Tu peux essayer de supprimer la div temporairement juste pour voir si la liste s'affiche correctement sans elle. Ça confirmerait que c'est bien le coupable.

Milo

Bonjour @sarah13,

Vos observations sont tout à fait justes, et @celinepanier et @vincent_pro ont bien résumé la situation. La méthode AdminController::renderList() est très sensible à la structure HTML de son retour. Envelopper son contenu dans une div supplémentaire brise l'intégrité de la structure DOM attendue par les scripts JavaScript (notamment DataTables) qui initialisent les tableaux de listes dans le back-office de PrestaShop 1.7.7.6.

Le plus simple et le plus propre est de ne pas ajouter cette div directement dans la méthode renderList(). Si vous avez besoin d'un wrapper pour un style spécifique au module, il est préférable de l'ajouter via un template Smarty dédié ou d'injecter des classes CSS directement sur les éléments existants de la liste.

Voici la correction que je vous suggère d'appliquer dans votre fichier conorderfee/controllers/admin/AdminconorderfeePolicies.php :

function renderList()
    {
        // Suppression de la div enveloppante qui interfère avec le rendu JS/CSS
        // de la liste parent (AdminController::renderList()).
        // La structure DOM générée par parent::renderList() doit rester intacte.
        return parent::renderList();
    }

En appliquant cette modification, la liste devrait retrouver son affichage et ses fonctionnalités JavaScript normales. Pour une gestion plus avancée et maintenable des frais conditionnels, notamment si vous avez besoin de flexibilité sur les conditions ou l'affichage en front-office, un module dédié comme le module order fee based on cart conditions peut offrir une intégration plus robuste et éviter ce genre de hacks directs dans les contrôleurs.

sarah13

Un grand merci @Milo ! C'était exactement ça. J'ai appliqué la modification que tu as proposée en retirant la div de la fonction renderList() et la liste des politiques s'affiche à nouveau parfaitement, avec tous les tris et la pagination fonctionnels. Je n'aurais pas pensé que cette simple div pouvait causer autant de problèmes avec DataTables. Je vais aussi regarder le module que tu as mentionné pour des besoins futurs. Merci encore !