Skip to main content

Interface Overview

Get familiar with the Bulk Product Editor interface to maximize your productivity. This guide covers all the main sections and features of the app.

Main Dashboard​

When you open Bulk Product Editor, you'll see the main dashboard with several key areas:

Top Navigation Bar​

  • Dashboard: Overview of your store and recent activities
  • Products: Main product editing interface
  • History: View and manage your edit history
  • Settings: App configuration and preferences
  • Help: Documentation and support resources

Quick Stats Panel​

The dashboard shows important metrics:

  • Total Products: Number of products in your store
  • Recent Edits: Number of products edited in the last 7 days
  • Pending Changes: Scheduled edits waiting to be applied
  • Backup Status: Last backup date and status

Products Interface​

The Products section is where you'll spend most of your time:

Filter Panel (Left Sidebar)​

Use filters to find specific products:

  • Product Type: Filter by product categories
  • Vendor: Filter by brand or supplier
  • Tags: Filter by product tags
  • Price Range: Set minimum and maximum prices
  • Inventory: Filter by stock levels
  • Status: Active, draft, or archived products

Product Grid (Center)​

The main area displays your products in a table format:

  • Checkbox Column: Select products for bulk editing
  • Product Image: Thumbnail of the main product image
  • Title: Product name (clickable to edit)
  • SKU: Product identifier
  • Price: Current product price
  • Inventory: Current stock level
  • Status: Product status (Active/Draft/Archived)

Action Panel (Right Sidebar)​

When products are selected, the action panel appears:

  • Bulk Edit Options: Choose what to edit
  • Preview Changes: See changes before applying
  • Apply Changes: Execute the bulk edit
  • Save as Template: Save edit settings for reuse

Edit Modes​

Quick Edit Mode​

For simple changes:

  1. Select products using checkboxes
  2. Choose the field to edit from the dropdown
  3. Enter the new value
  4. Click "Apply Changes"

Advanced Edit Mode​

For complex changes:

  1. Click "Advanced Edit" button
  2. Use the spreadsheet-like interface
  3. Edit multiple fields simultaneously
  4. Apply conditional logic and formulas

Batch Edit Mode​

For large-scale operations:

  1. Use filters to select product groups
  2. Set up multiple edit operations
  3. Schedule changes for later execution
  4. Monitor progress in real-time

Keyboard Shortcuts​

Speed up your workflow with these shortcuts:

  • Ctrl/Cmd + A: Select all visible products
  • Ctrl/Cmd + D: Deselect all products
  • Ctrl/Cmd + Z: Undo last action
  • Ctrl/Cmd + S: Save current filter as preset
  • Escape: Close current modal or panel

Search Functionality​

Use the search bar to quickly find products:

  • Search by product title, SKU, or description
  • Use quotes for exact matches: "red shirt"
  • Combine with filters for precise results
  • Save frequent searches as presets

Customizing the Interface​

Column Management​

Customize which columns are visible:

  1. Click the "Columns" button above the product grid
  2. Check/uncheck columns to show/hide
  3. Drag columns to reorder them
  4. Resize columns by dragging borders

View Options​

Choose how products are displayed:

  • Grid View: See product images prominently
  • List View: Compact view with more products per page
  • Card View: Detailed view with all product information

Saved Filters​

Create and manage filter presets:

  1. Set up your desired filters
  2. Click "Save Filter" button
  3. Name your filter preset
  4. Access saved filters from the dropdown

Mobile Interface​

The app is optimized for mobile devices:

  • Responsive Design: Adapts to screen size
  • Touch-Friendly: Large buttons and touch targets
  • Simplified Navigation: Streamlined mobile menu
  • Offline Capability: Basic functions work without internet

Next Steps​

Now that you're familiar with the interface:

  1. Create your first bulk edit
  2. Learn about filters
  3. Explore advanced features

Interface Customization​

Theme Settings​

Personalize the app appearance:

  • Dark/Light Mode: Toggle in Settings → Appearance
  • Color Scheme: Choose from predefined themes
  • Font Size: Adjust for better readability
  • Compact Mode: Show more information in less space

Dashboard Widgets​

Customize your dashboard:

  1. Click "Customize Dashboard"
  2. Add/remove widgets
  3. Rearrange widget positions
  4. Configure widget settings