Joomla Integration
XBuilder integrates with Joomla's media system, allowing you to upload, organize, and manage images directly within the popup builder.
Image Management
XBuilder provides built-in image management integrated with Joomla's media system.
Image Library Features
| Feature | Description |
|---|---|
| Upload | Upload images directly from the builder |
| Browse | Navigate Joomla's images folder structure |
| Folders | Create and organize folders |
| Delete | Remove unused images |
| Search | Find images by name |
Supported Image Formats
| Format | Extension |
|---|---|
| JPEG | .jpg, .jpeg |
| PNG | .png |
| GIF | .gif |
| WebP | .webp |
| SVG | .svg |
| BMP | .bmp |
Uploading Images
- Add an Image element to your popup
- Click the image selector
- Click Upload button
- Select image(s) from your computer
- Images upload to
/imagesfolder
Organizing Images
Create folders to organize your popup images:
- Open the image browser
- Click New Folder
- Enter folder name
- Images can be uploaded to specific folders
Recommended folder structure:
/images/
/popups/
/newsletters/
/promotions/
/announcements/
Image Paths
Images are stored in Joomla's standard images folder:
/images/[your-folders]/image.jpg
Paths are relative to Joomla root, ensuring portability across environments.
Media Manager Integration
XBuilder uses Joomla's media capabilities:
Supported Media
- Images — Full support with preview
- Documents — Link to PDFs, documents
- Videos — Use Video element for video media
Media Permissions
Image operations respect Joomla ACL:
| Action | Required Permission |
|---|---|
| Upload | Create media |
| Delete | Delete media |
| Browse | Access media |
Configure in System → Global Configuration → Media.
Troubleshooting Integration
Images Not Loading
- Verify image exists at specified path
- Check file permissions
- Ensure image format is supported
- Clear browser cache
Next Steps
- Module Setup — Configure display module
- Styling Overview — Style your popups
- Elements Overview — Learn about available elements
- Troubleshooting — Common issues