Creating Custom Addons for SP Page Builder in Joomla

SP Page Builder is a powerful drag-and-drop page builder for Joomla that allows you to create custom blocks (addons) to extend its functionality. I'll guide you through creating custom addons for About, Services, Projects, and Portfolio sections.

Basic Structure of an SP Page Builder Addon

Each addon requires:

1. A PHP class file
2. Template files for frontend and backend views
3. Registration with SP Page Builder

Let's create these custom addons step by step.

Step 1: Create the Addon Directory Structure

First, create the following directory structure in your Joomla installation:

Step 2: Create the Plugin Manifest File

Create the XML manifest file for your plugin:

Step 3: Create the Plugin Main File

Create the main PHP file for your plugin:

Step 4: Create Language File

Create the language file for your plugin:

Step 5: Create the About Addon

Now, let's create the About addon files:

Admin.php (Backend Configuration)

Site.php (Frontend Display)

Step 6: Create the Services Addon

Now, let's create the Services addon files:

Admin.php (Backend Configuration)

Site.php (Frontend Display)

Step 7: Create the Projects Addon

Now, let's create the Projects addon files:

Admin.php (Backend Configuration)

Site.php (Frontend Display)

Step 8: Create the Portfolio Addon

Finally, let's create the Portfolio addon files:

Admin.php (Backend Configuration)

Site.php (Frontend Display)

Step 9: Install and Use Your Custom Addons

1. Zip all the files and folders you created into a single ZIP file.
2. In your Joomla administrator panel, go to Extensions > Manage > Install.
3. Upload and install the ZIP file.
4. Enable the plugin from Extensions > Plugins.
5. Now, when you edit a page with SP Page Builder, you'll see your custom addons in the "Your Extension" category.

Conclusion

You've now created four custom addons for SP Page Builder:

1. About - A simple about section with image and text
2. Services - A services section with multiple service items
3. Projects - A projects section with multiple project items
4. Portfolio - A portfolio section with filterable items

These addons will appear in the SP Page Builder editor just like built-in ones, allowing you to easily create custom blocks for your Joomla website.

You can further customize these addons by:

• Adding more configuration options in the admin.php files
• Enhancing the styling in the css() methods
• Adding more interactive features with JavaScript
• Creating more complex layouts and designs

Remember to follow SP Page Builder's documentation for any updates or changes to the addon structure in newer versions.