ShopCatFlow

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 have aria-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)