Streamlined drag-and-drop category management for WooCommerce with child/sibling previews, auto-save, and clear hierarchy controls.
Tested with WooCommerce 10.2.
Highlights
- List View: Smooth, precise drag & drop with child/sibling preview and indent-aware placement.
- Smart targeting (visual): Alignment markers show when it』s safe to drop; list view accepts drops without hard blocking.
- Auto-expand on stable hover: Collapsed categories open one level to allow dropping inside.
- Root drops: Dedicated root marker to quickly move any category to the top level.
- Undo/Redo (last 10 actions): Reparent and reorder actions can be undone/redone. Toolbar buttons + keyboard shortcuts.
- Visual feedback: Overlay spinner and toast messages for undo/redo and saves.
- Bulk actions: Filter, select visible, and bulk delete (optionally cascade) with toasts.
- State persistence: Expansion and selection are remembered per session.
- Accessibility: Toggle buttons include
aria-expanded; delete buttons havearia-labels. -
Performance: Colorization coalesced (idle scheduling) to avoid jank after reorder/refresh.
-
Graph View: Top-to-bottom layout (parents above, children below) with smooth pan/zoom/rotate.
- Fullscreen workspace: Toolbar button, keyboard
F, and double-click background to toggle. - Smooth, normalized zoom: Gentle animated steps (trackpad-friendly) and label auto-scaling at low zoom.
- Refit on switch: Switching from List to Graph resets view and fits content to the current viewport.
- Drag reparenting: Drag one bubble over another to make it a child; drop on background to make root. Toolbar Undo/Redo supported.
Shortcuts
- Space + drag (Graph): Pan the canvas.
- Mouse wheel (Graph): Smooth zoom at pointer.
- Arrow keys (Graph): Nudge view.
- F (Graph): Toggle fullscreen.
- Delete/Backspace (Graph): Delete selected node(s) with confirmation.
- Ctrl/Cmd+Z: Undo (List & Graph)
- Ctrl+Y or Ctrl+Shift+Z: Redo (List & Graph)
