How to Override Layout in SP Page Builder | SP Page Builder (Pro) - Documentation | JoomShaper

SP Page Builder (Pro)

Updated Last: 23 February 2026

How to Override Layout in SP Page Builder

Layout Override System

The Layout Override System lets you customize SP Page Builder layout files directly from your active Joomla template without modifying the core files. This ensures your changes remain intact even after updates, providing full flexibility for layout customization.

This feature can also help resolve issues like the exact[.]com problem by allowing you to safely override layouts.

How to Use the Layout Override System

Follow these steps to test and implement a layout override:

  1. Identify the Layout File
    Locate the layout file you want to modify.
    Example:
    components/com_sppagebuilder/layouts/row/start.php
  2. Create the Override Directory
    In your active template folder, create the corresponding path:
    templates/{{current_template}}/sppagebuilder/layouts/row/
  3. Copy the Layout File
    Copy the original layout file (e.g., start.php) into the newly created directory.
  4. Modify the File
    Edit the file to apply your desired changes. Make a visible change to easily verify the override.
  5. Verify Your Changes
    Refresh the frontend page. The rendered output should reflect the modifications from the template directory instead of the core layout file.

Notes

  • Using the override system keeps your customizations safe during SP Page Builder updates.
  • This method allows precise control over specific layouts without affecting other pages or components.
  • If you’re testing for a specific issue like exact[.]com, apply a small visible change to confirm the override is working correctly.