The Version Management system in eceee_v4 provides powerful version control for your web pages, allowing you to create drafts, publish content, and maintain a complete history of changes.
The version management interface is accessed through the Versions tab in the Page Management section. It provides:
- Visual Version History: See all versions of your pages with status indicators
- Draft/Published Workflow: Manage content through a structured approval process
- Version Comparison: See exactly what changed between any two versions
- One-Click Restoration: Restore any previous version instantly
- Statistics Dashboard: Overview of draft and published version counts
- Navigate to Page Management from the main navigation
- Click the Versions tab
- The version management interface will load with:
- Statistics dashboard showing version counts
- List of all page versions across your site
- Search and filtering options
The top section displays key metrics:
- Total Drafts: Number of draft versions waiting for publication
- Total Published: Number of published versions currently live
- Has Current: Whether there are any published versions
- Current Version Info: Details about the currently live version
Each version is displayed as a card containing:
- Version Number: Sequential number (e.g., v1, v2, v3)
- Status Badge: Visual indicator (Draft/Published/Archived)
- Description: User-provided description of changes
- Timestamps: Creation and publication dates
- User Attribution: Who created and published the version
- Action Buttons: Context-sensitive actions available
Different actions are available based on version status and permissions:
- 👁️ View: Preview the version content
- 📤 Publish: Publish a draft version (draft versions only)
- 📝 Edit: Modify the version (if editable)
- 🗑️ Delete: Remove the version (draft versions only)
- 📋 Create Draft: Create new draft from published version
- ↩️ Restore: Restore this version as current
- ⚖️ Compare: Select for version comparison
- Go to Pages tab and edit any page
- Make your changes (content, widgets, layout, etc.)
- Click Save - this automatically creates a draft version
- Add a descriptive version description when prompted
- Switch to Versions tab
- Find your new draft version (will have "Draft" status)
- Click the 👁️ View button to preview changes
- Make additional edits if needed (creates new draft versions)
- In the Versions tab, find your draft version
- Click the 📤 Publish button
- Confirm the publish action in the dialog
- The version status changes to "Published" and becomes live
Compare any two versions to see exactly what changed:
- Click ⚖️ Compare on the first version you want to compare
- Click ⚖️ Compare on the second version
- The interface automatically switches to Compare mode
The comparison view shows:
- Version Details: Basic info about both versions
- Field Changes: Text fields that were modified
- Widget Changes:
- Added widgets (green highlight)
- Removed widgets (red highlight)
- Modified widgets (yellow highlight)
- Visual Diff: Side-by-side comparison where applicable
From the comparison view you can:
- Create a new draft based on either version
- Restore either version
- Return to the main version list
Restore any previous version as the current content:
- Find the version you want to restore
- Click the ↩️ Restore button
- Confirm the restoration in the dialog
- A new version is created with the restored content
- The page content is immediately updated
- The restored version becomes the latest version
- All data (content, widgets, settings) is restored
Work with draft versions effectively:
- Find a published version you want to modify
- Click 📋 Create Draft
- Enter a description for the new draft
- Edit the content as needed
- Publish when ready
- Only one draft per page is recommended for clarity
- Delete unnecessary drafts to keep things organized
- Use descriptive names to track different approaches
Use the search bar to find versions by:
- Page title
- Version description
- Creator username
Filter versions by:
- Status: Draft, Published, Archived
- Page: Specific page
- Date Range: Created or published dates
- User: Who created or published
- Current Status: Only current versions
# Find all drafts created this week
Status: Draft + Created After: [last week date]
# Find all published versions by specific user
Status: Published + Created By: john@example.com
# Find versions for homepage only
Page: Homepage
- Use clear, descriptive version descriptions
- Include the type of change: "Updated hero section"
- Mention significant additions: "Added contact form widget"
- Reference tickets/issues when applicable: "Fixed header issue #123"
- Create drafts for all changes, even small ones
- Review drafts before publishing
- Delete unused drafts to keep things clean
- Use meaningful descriptions for easy identification
- Test in draft before publishing to live site
- Compare with previous versions to ensure changes are correct
- Keep published versions as restore points
- Document major changes in version descriptions
- Communicate with team about draft changes
- Use clear naming so others understand changes
- Review others' drafts before they publish
- Coordinate publishing for major site updates
- Cause: Version may already be published or user lacks permissions
- Solution: Check version status and user permissions
- Cause: Version may have been deleted or doesn't exist
- Solution: Refresh the page and verify version exists
- Cause: Browser cache or CDN caching
- Solution: Clear browser cache or wait for CDN refresh
- Go to Versions tab
- Find the previous good version
- Click ↩️ Restore to restore it
- The bad content is immediately replaced
- Check Versions tab for auto-saved drafts
- Look for versions with recent timestamps
- Use 👁️ View to preview content
- Restore the version with your work
- Use date filters to find old versions
- Page through version history
- Use compare function with any two versions
- Create new draft based on comparison results
- Ctrl/Cmd + S: Save current changes (creates draft version)
- Ctrl/Cmd + Shift + P: Quick publish current draft
- Ctrl/Cmd + Z: Undo last change (if in edit mode)
- Escape: Close modal dialogs
The version management interface is fully responsive:
- Touch-friendly: Large buttons for mobile devices
- Swipe navigation: Swipe between version cards
- Simplified view: Condensed information on smaller screens
- Full functionality: All features available on mobile
Version management integrates seamlessly with page editing:
- Save: Creates draft version automatically
- Publish: Option to publish immediately or save as draft
- Widget changes: Each widget modification tracked in versions
- Current version indicator: Shows which version you're editing
- Unsaved changes warning: Alerts about unsaved modifications
- Draft restoration: Easy access to restore previous drafts
- User attribution: See who made each version
- Timestamp tracking: When each change was made
- Change descriptions: What was modified in each version
This comprehensive version management system ensures you never lose work and can confidently manage content changes across your entire website.