Draggable Sort Product – glisser-déposer et positions automatiques des produits dans une catégorie (Magento 2)
- Compatibilité
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0, 2.3.7, 2.3.6, 2.3.5, 2.3.4
Description / Draggable Sort Product – glisser-déposer et positions automatiques des produits dans une catégorie (Magento 2)
MAGENTO 2 · ADMINISTRATION MAGENTO · CATÉGORIES · PRÉSENTATION
Classez les produits d’une catégorie par glisser-déposer.
Kowal Draggable Sort Product
Déplacez les lignes de l’onglet Products in Category et laissez le module recalculer les positions. Organisez la présentation des meilleures ventes, nouveautés ou collections sans saisir chaque valeur à la main.
Glisser-déposer · Position automatique · Enregistrement de catégorie
COMMENT CELA FONCTIONNE EN PRATIQUE
01 · Vous ouvrez la catégorie
Vous accédez à la liste Products in Category.
02 · Vous déplacez les produits
La poignée dans la grille permet de modifier l’ordre des lignes.
03 · Vous enregistrez la catégorie
Magento enregistre les affectations de positions préparées.
Qu’apporte ce module à votre boutique ?
Découvrez les fonctionnalités, les usages et les paramètres du module.
Découvrez le module
Kowal_DraggableSortProduct est un module d’administration léger pour Magento 2 qui facilite le tri manuel des produits dans les catégories.
Dans Magento standard, classer les produits d’une catégorie peut prendre du temps : il faut parcourir la liste et surveiller les valeurs de la colonne Position, et chaque changement important demande de nombreuses corrections manuelles. Ce module résout ce problème avec le glisser-déposer et l’attribution automatique des positions.
Comment cela fonctionne-t-il ?
-
Dans l’onglet de catégorie Products in Category , le module ajoute une colonne supplémentaire avec une poignée de déplacement (draggable handle).
-
Après le déplacement des lignes, le module :
-
recalcule les valeurs Position selon l’ordre actuel,
-
met à jour le mappage des positions pour les produits sélectionnés,
-
enregistre les données dans le champ in_category_products au format JSON attendu par Magento.
-
Principaux avantages
-
Classement des produits plus rapide – déplacez, relâchez et enregistrez la catégorie.
-
Moins d’erreurs – les positions sont définies automatiquement (1, 2, 3…).
-
Meilleur contrôle de la présentation – idéal lorsque l’ordre soutient la présentation de l’offre : meilleures ventes, nouveautés, collections ou séries.
-
Intervention minimale – un simple mixin JS et un remplacement de colonne dans la grille.
Pour qui ?
Pour les boutiques qui :
-
modifient souvent l’ordre des produits dans les catégories,
-
possèdent de grandes catégories et souhaitent gagner du temps,
-
construisent leur offre visuellement, avec un ordre déterminant pour la lisibilité et la conversion.
Enregistrement des changements et produits sélectionnés
Le déplacement recalcule les champs Position selon l’ordre des lignes visibles (1, 2, 3…). Les produits sélectionnés sont ajoutés au mapping in_category_products ; les données sont préparées en JSON pour l’enregistrement standard de Magento.
Le changement d’ordre n’enregistre pas immédiatement les données en base. Une fois le travail terminé, enregistrez la catégorie et vérifiez le résultat sur la boutique.
Pagination, filtres et ordre sur la boutique
Le mécanisme agit sur les lignes visibles de la grille. Avec plusieurs pages, des filtres et des positions déjà définies, vérifiez l’ordre final de toute la catégorie. Il ne s’agit pas d’un tri automatique selon les ventes ou les statistiques.
Le frontend doit utiliser le tri par Position. Un tri par prix, nom ou autre critère peut afficher les produits dans un ordre différent de celui défini dans l’administration.
Périmètre technique et déploiement
L’extension fonctionne dans l’administration : elle ajoute une colonne draggable-handle et un mixin au script d’affectation des produits. Dans la configuration DI, elle remplace le bloc de grille CategoryTabProduct ; vérifiez donc sa coopération avec les autres extensions de cette grille.
Le paquet ne comporte pas d’interrupteur de configuration propre. Le nom correct du module à activer est Kowal_DraggableSortProduct.
Installation via Composer
Package kowal/module-draggablesortproduct, module Kowal_DraggableSortProduct. Après avoir configuré l’accès au dépôt Kowal, installez le package, activez le module, mettez Magento à jour et videz le cache. En production, prévoyez la compilation et le déploiement du contenu statique conformément au processus de la boutique.
De la configuration au résultat
1. Vous ouvrez la catégorie
Vous accédez à la liste Products in Category.
2. Vous déplacez les produits
La poignée dans la grille permet de modifier l’ordre des lignes.
3. Vous enregistrez la catégorie
Magento enregistre les affectations de positions préparées.
Une nouvelle collection en tête de catégorie
Dans la liste visible, vous remontez certains éléments de la collection. Le module actualise les champs Position et le mapping des produits sélectionnés.
Vous enregistrez ensuite la catégorie. Sur la boutique, vérifiez la liste triée par position : un autre critère peut afficher les produits dans un ordre différent.
Facilitez la gestion quotidienne de la présentation des produits
Vous souhaitez adapter le module à votre boutique ? Demandez le déploiement de Kowal Draggable Sort Product et discutez de la configuration ou des extensions nécessaires.
Caractéristiques
| Compatibilité avec le modèle | Luma / Blank, KOWAL |
|---|
Notice d'installation du module
Installation via Composer
Les données d’accès au dépôt Composer (adresse e-mail du client et jeton de licence) vous seront envoyées par e-mail après l’achat. Elles sont également disponibles dans l’espace client après connexion sur kowal.store. Remplacez TWOJ_EMAIL_KLIENTA par l’adresse e-mail de votre compte et TWOJ_TOKEN par le jeton reçu. Exécutez les commandes dans le répertoire racine de Magento.
composer config repositories.kowal composer https://repo.kowal.store
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
composer require kowal/module-draggablesortproduct
Finalisation de l’installation
Après l’installation du package, exécutez la mise à jour de Magento et videz le cache :
php bin/magento setup:upgrade
php bin/magento cache:flush
En environnement de production, effectuez également la compilation DI et le déploiement des fichiers statiques conformément au processus de déploiement de la boutique.
Dans la boutique eldar.biz, l’agencement des produits dans les catégories a un impact direct sur la lisibilité de l’offre et le confort d’achat. Les clients parcourent souvent les produits « du regard » : l’ordre des modèles, des variantes, des séries et le regroupement logique au sein des catégories comptent.
Problème
Dans Magento standard, le réglage manuel de la position des produits dans une catégorie était :
chronophage en cas de changements fréquents,
sujet aux erreurs (positions en double, « trous » dans la numérotation),
peu pratique lors de l’organisation d’un grand nombre de produits.
Solution mise en œuvre
Le module Kowal_DraggableSortProduct a été utilisé. Il :
a permis de faire glisser les produits dans la grille d’affectation aux catégories,
recalculait automatiquement les valeurs Position,
enregistrait l’ordre conformément au mécanisme Magento (JSON dans in_category_products).
Résultat
Organisation plus rapide des catégories – l’agencement de la liste est devenu une opération de « glisser-déposer ».
Meilleure lisibilité de l’offre – les produits peuvent être présentés selon une suite logique (par exemple séries, collections, priorités commerciales).
Moins d’erreurs dans les positions – la numérotation automatique élimine une part notable des erreurs liées à l’édition manuelle.
Meilleur contrôle du merchandising – il est plus facile de promouvoir les produits clés en haut de la liste.