Draggable Sort Product – arrastrar y posiciones automáticas de productos en la categoría (Magento 2)

MAGENTO 2 · PANEL DE MAGENTO · CATEGORÍAS · EXPOSICIÓN

Kowal Draggable Sort Product

Mueve filas en la pestaña Products in Category y deja que el módulo recalcule las posiciones. Ordena la exposición de superventas, novedades o colecciones sin introducir cada valor manualmente.

Drag & drop · Position automática · Guardado de categoría

CÓMO FUNCIONA EN LA PRÁCTICA

Kowal_DraggableSortProduct es un módulo administrativo ligero para Magento 2 que agiliza la ordenación manual de productos en la categoría.

En Magento estándar, establecer el orden de los productos en una categoría puede llevar tiempo: hay que desplazarse por la lista y controlar los valores de la columna Position, y cualquier cambio de mayor alcance implica muchas correcciones manuales. Este módulo resuelve ese problema añadiendo compatibilidad con drag & drop y asignación automática de posiciones.

• En la pestaña de categoría Products in Category , el módulo añade una columna adicional con un asa de arrastre (draggable handle).

• Tras arrastrar las filas, el módulo:

  • recalcula los valores de Position según el orden actual,

  • actualiza el mapeo de posiciones para los productos seleccionados,

  • guarda los datos en el campo in_category_products en formato JSON (tal y como espera Magento).

• Ordenación de productos más rápida – arrastras, sueltas y guardas la categoría.

• Menos errores – las posiciones se establecen automáticamente (1,2,3…).

• Mayor control sobre la exposición – ideal para categorías en las que el orden apoya la presentación de la oferta (por ejemplo, superventas, novedades, colecciones, series de productos).

• Intervención mínima – mixin JS sencillo + override de la columna en la cuadrícula.

Para tiendas que:

• cambian con frecuencia el orden de los productos en las categorías,

• tienen categorías grandes y quieren ahorrar tiempo,

• construyen la oferta de forma visual (el orden de los productos importa para la claridad y la conversión).

Al arrastrar, se recalculan los campos Position según el orden de las filas visibles (1, 2, 3…). Al mapeo in_category_products se envían los productos seleccionados; los datos se preparan en JSON para el guardado estándar de Magento.

El cambio de orden no implica un guardado inmediato en la base de datos. Cuando termines el trabajo, guarda la categoría y comprueba el resultado en el frontend.

El mecanismo trabaja sobre las filas visibles de la cuadrícula. Con muchas páginas, filtros y posiciones establecidas previamente, revisa el orden final de toda la categoría. No es una ordenación automática del catálogo según ventas o analítica.

El frontend debe utilizar la ordenación por Position. La ordenación por precio, nombre u otro criterio puede mostrar los productos en un orden distinto al configurado en el panel.

La extensión funciona en el panel de administración: añade una columna draggable-handle y un mixin del script de asignación de productos. En la configuración DI sustituye el bloque de la cuadrícula CategoryTabProduct, por lo que conviene comprobar la compatibilidad con otras extensiones de la misma cuadrícula.

El paquete no incluye un interruptor de configuración propio. El nombre correcto del módulo que se debe activar es Kowal_DraggableSortProduct.

Paquete kowal/module-draggablesortproduct, módulo Kowal_DraggableSortProduct. Tras configurar el acceso al repositorio de Kowal, instala el paquete, activa el módulo, actualiza Magento y limpia la caché. En producción, ten en cuenta la compilación y el despliegue de contenido estático de acuerdo con el proceso de la tienda.

1. Abres la categoría
Accedes a la lista Products in Category.

2. Arrastras los productos
El asa de la cuadrícula permite cambiar el orden de las filas.

3. Guardas la categoría
Magento conserva las asignaciones de posición preparadas.

En la lista visible de productos, desplazas hacia arriba los elementos seleccionados de la colección. El módulo actualiza los campos Position y el mapeo de los productos seleccionados.

A continuación, guardas la categoría. En el frontend compruebas la lista ordenada por posición — otra opción de ordenación puede mostrar los productos en un orden distinto.