Bagisto Visual: Theme Framework with Visual Editor for Laravel E-commerce

Bagisto Visual is a theme framework and visual editor for the Bagisto e-commerce platform. The package includes a JSON-based template system for developers and a drag-and-drop interface for shop owners.

Note: Bagisto Visual is currently in alpha at version 2.0.0-alpha.4. Consider this pre-release status when evaluating the package for production use.

#How It Works

The package separates theme development into two layers. Developers create theme structure using Blade or Livewire components and define which regions shop owners can edit. Shop owners then use the visual editor to arrange and customize those regions through a drag-and-drop interface.

Developers set the boundaries for customization. Shop owners work within those boundaries through the visual interface.

#Developer Features

The framework includes:

• JSON-based template system: Layouts and sections use JSON configuration
• Blade and Livewire components: Prebuilt and customizable sections using Blade or Livewire
• Service container access: Direct access to Bagisto's services and dependencies
• Modular structure: Organized theme file and asset system

#Visual Editor Features

The visual editor includes:

• Drag-and-drop interface: Arrange sections and components
• Real-time preview: Changes display without compilation
• Mobile-responsive controls: Layout adjustment for different screen sizes
• Breakpoint management: Visual configuration of responsive behavior
• Constrained editing: Customization limited to developer-defined regions

#Getting Started

Bagisto Visual requires PHP 8.2 or higher and Bagisto 2.3 or newer. Install the package via Composer:

composer require bagistoplus/visual:^2.0@dev

The package is in alpha, so Composer needs configuration to accept development versions. See the project readme for configuration details and setup instructions.

#Learn More

• GitHub Repository
• Official Documentation

The package is available under the MIT license.