📁
Template Documentation
  • Introduction
  • Getting Started
    • Installation
    • Updating
    • Uninstallation
    • Changelog
    • Joomla 4
  • Template Options
    • Overview
    • Basic
      • Logo
      • Toolbar
      • Header
      • Mobile
      • Page Title
      • Dialog
      • Body
      • Footer
      • Contact Info
      • Social Icons
  • Presets
  • Layout
  • Menu
  • Typography
  • Blog
  • Custom Code
  • Advanced
    • Coming Soon
    • Error Page
    • Cookie Banner
    • Compression
    • Scss
    • Font settings
    • Image
    • Import & Export Layout
    • Analytics
  • Developers
    • File Structure
    • Module Positions
    • Customization
    • Add Custom Fonts
    • Changing the Name of a Theme
  • Tutorials
    • Overview
  • Troubleshooting
    • Layout Issue
    • File Permission Issues
Powered by GitBook
On this page

Was this helpful?

  1. Developers

Module Positions

Learn how to create new positions, layouts and styles for Joomla modules.

PreviousFile StructureNextCustomization

Last updated 3 years ago

Was this helpful?

WarpTheme Joomla Template comes with 42 available module positions where any number of modules can be published. These module positions are defined via templateDetails.xml

Add a New Position

Creating a new position is simple, you can add a new position to the templateDetails.xml to make your content management system know it exists.

        <position>content-bottom</position>
        <position>MY-POSITION</position>
        <position>bottom1</position>

The new module position will then be displayed in your Module position settings.

Render Module Position using Layout builder.

Example, you can assign the new module position to an existing grid column or simply create a new section layout and then assign the module position to grid column.

In this tutorial, we will add a new section layout (name My Position) above the Main Body section and then assign the module position to new section.

Go to Basic → Layout and add new section layout by clicking the PLUS button

Add section name and assign the module position

Section Name

Assign new position from Module Position list.

Result

allowing you to build a flexible layout based on module positions. Here you can define where module positions get rendered and add new ones.

Layout builder
Add a section name