Fixed toggle functionality and cleaned up redundant buttons.
Backend Fix:
✅ Fixed toggle to properly update shipping method settings
✅ Get existing settings, update enabled field, save back
✅ Previously was trying to save wrong data structure
Frontend Changes:
✅ Removed "View in WooCommerce" from header (redundant)
✅ Changed "Edit zone" to "Settings" button (prepares for modal)
✅ Changed "+ Add shipping zone" to "Manage Zones in WooCommerce"
✅ Added modal state (selectedZone, isModalOpen)
✅ Added Dialog/Drawer imports for future modal implementation
Button Strategy:
- Header: Refresh only
- Zone card: Settings button (will open modal)
- Bottom: "Manage Zones in WooCommerce" (for add/edit/delete zones)
Next Step:
Implement settings modal similar to Payments page with zone/method configuration
Implemented inline enable/disable for shipping methods.
Frontend Changes:
✅ Allow HTML in shipping method names and prices
✅ Add toggle switches to each shipping method
✅ Loading state while toggling
✅ Toast notifications for success/error
✅ Optimistic UI updates via React Query
Backend Changes:
✅ POST /settings/shipping/zones/{zone_id}/methods/{instance_id}/toggle
✅ Enable/disable shipping methods
✅ Clear WooCommerce shipping cache
✅ Proper error handling
User Experience:
- Quick enable/disable without leaving page
- Similar to Payments page pattern
- Complex configuration still in WooCommerce
- Edit zone button for detailed settings
- Add zone button for new zones
Result:
✅ Functional shipping management
✅ No need to redirect for simple toggles
✅ Maintains WooCommerce compatibility
✅ Clean, intuitive interface
Fixed fatal error in ShippingController.
Issue:
- ShippingController extended BaseController (does not exist)
- Caused PHP fatal error: Class not found
Fix:
- Changed to extend WP_REST_Controller (WordPress standard)
- Matches pattern used by PaymentsController and StoreController
- Added proper PHPDoc header
Result:
✅ API endpoint now works
✅ No more 500 errors
✅ Shipping zones load correctly
Created backend API for fetching WooCommerce shipping zones.
New Files:
- includes/Api/ShippingController.php
Features:
✅ GET /settings/shipping/zones endpoint
✅ Fetches all WooCommerce shipping zones
✅ Includes shipping methods for each zone
✅ Handles "Rest of the World" zone (zone 0)
✅ Returns formatted region names
✅ Returns method costs (Free, Calculated, or price)
✅ Permission check: manage_woocommerce
Data Structure:
- id: Zone ID
- name: Zone name
- order: Display order
- regions: Comma-separated region names
- rates: Array of shipping methods
- id: Method instance ID
- name: Method title
- price: Formatted price or "Free"/"Calculated"
- enabled: Boolean
Integration:
- Registered in Routes.php
- Uses WC_Shipping_Zones API
- Compatible with all WooCommerce shipping methods
