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:
dwindown
2025-11-10 21:50:28 +07:00
parent da84c9ec8a
commit b39c1f1a95
3 changed files with 484 additions and 19 deletions

View File

@@ -170,9 +170,6 @@ class NavigationRegistry {
$admin = admin_url('admin.php');
$children = [
// WooNooW Settings
['label' => __('WooNooW', 'woonoow'), 'mode' => 'spa', 'path' => '/settings'],
// Core Settings (Shopify-inspired)
['label' => __('Store Details', 'woonoow'), 'mode' => 'spa', 'path' => '/settings/store'],
['label' => __('Payments', 'woonoow'), 'mode' => 'spa', 'path' => '/settings/payments'],
@@ -185,16 +182,8 @@ class NavigationRegistry {
}
$children = array_merge($children, [
['label' => __('Checkout', 'woonoow'), 'mode' => 'spa', 'path' => '/settings/checkout'],
['label' => __('Customer Accounts', 'woonoow'), 'mode' => 'spa', 'path' => '/settings/customers'],
['label' => __('Notifications', 'woonoow'), 'mode' => 'spa', 'path' => '/settings/notifications'],
['label' => __('Brand & Appearance', 'woonoow'), 'mode' => 'spa', 'path' => '/settings/brand'],
// Advanced (Bridge to WP Admin)
['label' => __('Advanced', 'woonoow'), 'mode' => 'bridge', 'href' => $admin . '?page=wc-settings&tab=advanced'],
['label' => __('Integrations', 'woonoow'), 'mode' => 'bridge', 'href' => $admin . '?page=wc-settings&tab=integration'],
['label' => __('System Status', 'woonoow'), 'mode' => 'bridge', 'href' => $admin . '?page=wc-status'],
['label' => __('Extensions', 'woonoow'), 'mode' => 'bridge', 'href' => $admin . '?page=wc-addons'],
['label' => __('Developer', 'woonoow'), 'mode' => 'spa', 'path' => '/settings/developer'],
]);
return $children;