dwindown/WooNooW
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Adopt Shopify-inspired settings structure

Browse Source 
- Updated SETTINGS_TREE_PLAN.md with modern SaaS approach
- Renamed settings pages for clarity (Store Details, Shipping & Delivery, etc.)
- Card-based UI design instead of boring forms
- Progressive disclosure and smart defaults
- Updated navigation in both backend (NavigationRegistry.php) and frontend (tree.ts)
- Added comprehensive comparison table and design decisions
- 8 pages total, 40-53 hours estimated
This commit is contained in:
dwindown
2025-11-05 14:51:00 +07:00
parent 924baa8bdd
commit f8247faf22
3 changed files with 693 additions and 342 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
admin-spa/src/nav/tree.ts
View File

@@ -107,19 +107,20 @@ function getStaticFallbackTree(): MainNode[] {
// WooNooW Settings
{ label: 'WooNooW', mode: 'spa' as const, path: '/settings' },
// WooCommerce Settings (Most Used First)
{ label: 'General', mode: 'spa' as const, path: '/settings/general' },
// Core Settings (Shopify-inspired)
{ label: 'Store Details', mode: 'spa' as const, path: '/settings/store' },
{ label: 'Payments', mode: 'spa' as const, path: '/settings/payments' },
{ label: 'Shipping', mode: 'spa' as const, path: '/settings/shipping' },
{ label: 'Products', mode: 'spa' as const, path: '/settings/products' },
{ label: 'Tax', mode: 'spa' as const, path: '/settings/tax' },
{ label: 'Accounts & Privacy', mode: 'spa' as const, path: '/settings/accounts' },
{ label: 'Emails', mode: 'spa' as const, path: '/settings/emails' },
{ label: 'Shipping & Delivery', mode: 'spa' as const, path: '/settings/shipping' },
{ label: 'Taxes', mode: 'spa' as const, path: '/settings/taxes' },
{ label: 'Checkout', mode: 'spa' as const, path: '/settings/checkout' },
{ label: 'Customer Accounts', mode: 'spa' as const, path: '/settings/customers' },
{ label: 'Notifications', mode: 'spa' as const, path: '/settings/notifications' },
{ label: 'Brand & Appearance', mode: 'spa' as const, path: '/settings/brand' },
// Less Common (Bridge to WP Admin for now)
// Advanced (Bridge to WP Admin)
{ label: 'Advanced', mode: 'bridge' as const, href: `${admin}?page=wc-settings&tab=advanced` },
{ label: 'Integration', mode: 'bridge' as const, href: `${admin}?page=wc-settings&tab=integration` },
{ label: 'Status', mode: 'bridge' as const, href: `${admin}?page=wc-status` },
{ label: 'Integrations', mode: 'bridge' as const, href: `${admin}?page=wc-settings&tab=integration` },
{ label: 'System Status', mode: 'bridge' as const, href: `${admin}?page=wc-status` },
{ label: 'Extensions', mode: 'bridge' as const, href: `${admin}?page=wc-addons` },
],
},