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
The package is available under the MIT license.
