refactor: Eliminate bloated settings tabs (13→5)
## Changes ### 1. Eliminated Unnecessary Tabs ✅ **Before:** 13 tabs (bloated!) **After:** 5 tabs (clean, focused) **Removed:** - ❌ WooNooW (nonsense toggles for essential features) - ❌ Checkout (mirror WooCommerce, not essential) - ❌ Customer Accounts (mirror WooCommerce, not essential) - ❌ Brand & Appearance (merged into Store Details) - ❌ Advanced (just redirected to WC) - ❌ Integrations (just redirected to WC) - ❌ System Status (just redirected to WC) - ❌ Extensions (just redirected to WC) **Kept:** - ✅ Store Details (will enhance with branding) - ✅ Payments (existing, working) - ✅ Shipping & Delivery (existing, working) - ✅ Tax (existing, working) - ✅ Notifications (existing, working) **Added:** - ✅ Developer (debug mode, API logs, system info) --- ### 2. Created Refined Implementation Plan V2 ✅ **Document:** SETTINGS_PAGES_PLAN_V2.md **Key Decisions:** #### ✅ What We Build: - Essential settings accessed frequently - Simplified UI for complex WooCommerce features - Industry best practices (Shopify, marketplaces) - Critical features that enhance WooCommerce #### ❌ What We Don't Build: - Mirroring WooCommerce as-is - Nonsense toggles for essential features - Settings for non-tech users to break things - Redundant configuration options #### Philosophy: > "We do the best config. Users focus on their business, not system configuration." --- ### 3. Specific Rejections (Based on Feedback) **WooNooW Settings - ALL REJECTED:** - ❌ Plugin Version (can be anywhere) - ❌ Enable SPA Mode (plugin activation = enabled) - ❌ Admin Theme toggle (will be in topbar) - ❌ Items per page (per-table setting) - ❌ Enable caching (we do best config) - ❌ Cache duration (confusing for non-tech) - ❌ Preload data (we optimize) - ❌ Enable quick edit (essential, always on) - ❌ Enable bulk actions (essential, always on) - ❌ Enable keyboard shortcuts (essential, always on) - ❌ Enable auto-save (essential, always on) **Brand & Appearance - MERGED TO STORE DETAILS:** - ✅ Store logo (merge to Store Details) - ✅ Store icon (merge to Store Details) - ✅ Store tagline (merge to Store Details) - ✅ Brand colors (merge to Store Details) - ❌ Typography (breaks design) - ❌ Font size (use browser zoom) - ❌ Sidebar position (we optimize) - ❌ Sidebar collapsed (we optimize) - ❌ Show breadcrumbs (we optimize) - ❌ Compact mode (we optimize) - ❌ Custom CSS (hard to use, move to Developer if needed) **Checkout & Customer Accounts - NOT BUILDING:** - We do the best config (industry standard) - No need to mirror WooCommerce complexity - Focus on business, not system configuration - Users can use WC native settings if needed --- ### 4. Final Structure ``` Settings (5 tabs) ├── Store Details (enhanced with branding) ├── Payments (existing) ├── Shipping & Delivery (existing) ├── Tax (existing) ├── Notifications (existing) └── Developer (new - debug, system info, cache) ``` --- ### 5. Updated Both Backend and Frontend **Backend:** NavigationRegistry.php - Removed 8 tabs - Added Developer tab - Changed main settings path to /settings/store **Frontend:** nav/tree.ts (fallback) - Synced with backend - Removed WooNooW tab - Added Developer tab --- ## Philosophy **We do the best config:** - Essential features always enabled - No confusing toggles - Industry best practices - Focus on business, not system **Result:** - 13 tabs → 5 tabs (62% reduction!) - Clean, focused interface - Professional - Easy to use - No bloat
This commit is contained in:
@@ -100,22 +100,17 @@ function getStaticFallbackTree(): MainNode[] {
|
||||
{
|
||||
key: 'settings',
|
||||
label: 'Settings',
|
||||
path: '/settings',
|
||||
path: '/settings/store',
|
||||
icon: 'settings',
|
||||
// Settings submenu available in all modes for consistent experience
|
||||
children: [
|
||||
// WooNooW Settings
|
||||
{ label: 'WooNooW', mode: 'spa' as const, path: '/settings' },
|
||||
|
||||
// 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 & Delivery', mode: 'spa' as const, path: '/settings/shipping' },
|
||||
{ label: 'Tax', mode: 'spa' as const, path: '/settings/tax' },
|
||||
{ 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' },
|
||||
{ label: 'Developer', mode: 'spa' as const, path: '/settings/developer' },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user