I do hope this help users that want to place a module above and below the component area:

  1. First add two new module position to your templateDetails.xml file.

like this :

<positions>
	<position>content-bottom</position>
	<position>content-top</position>
</positions>
  1. Now go to the template area and click on the Layout settings.
  2. click the Edited Selected Layout Link.
  3. go down to the Main body section and click on the component configured button
  4. Change Column Type to Block and then change the Select Block to component
  5. if component is not there click on the add new button and add the following in the next window..

<!-- html in here -->
<jdoc:include type="modules" name="content-top" style="jaxhtml" />
<jdoc:include type="message" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="content-bottom" style="jaxhtml" />

Note: if the component is in the Select Block all you have to do is click on the edit button to the right and add the HTML info above.

  1. Click on the Save Button and then the Apply Button.

Note: It doesn't matter if you are going to use one sidebar section or both! You will have to adjust the component area in order for the component area to show. Some Components will not work without the following adjustment.

  1. Click on the Main Body Configured Button and make sure the Component Area is set to Auto! The Right & Left Sidebar can be set to whatever number you want to use; but the component area must be set to auto or whatever sidebar area you are not using will take up space and prevent the other module positions from expanding!

  2. Click on apply button and then click on the save button to save your changes.

  3. Then click on the Save and Close button at the top to exit the Layout Setting Area.

  4. You have just added a module position above and below the main content area.

End....

    a year later

    I didn't quite understand where to add????:

    <! - html in here ->
    <jdoc: include type = "modules" name = "content-top" style = "jaxhtml" />
    <jdoc: include type = "message" />
    <jdoc: include type = "component" />
    <jdoc: include type = "modules" name = "content-bottom" style = "jaxhtml" />

    How do I now make the sidebar L module appear after the component in the mobile version of the site?

      2 years later

      I have followed these instrctions but the module is not appearing in the code.

      I added the block mentioned above in the layout builder.
      I added the module positions to TemplateDetails.xml and they show in the position list

      I managed to do this before on my old website and have copied everything the same as this article (which is the same as the old site) so I'm confused as to why it's not working.

      I'm now using the latest T4 download and Joomla 4.2.9

      I was previously using T4 2.2.2 with t4_bs5_blank 1.1.6 and Joomla 4.1.5

        aka-ra1 You can share the URL + super admin account of your site so I will take a look.

        4 months later

        Hi. Looking for information how to place a module just below the component area, I found this tutorial post. I followed the steps and it seems to work fine.

        Is this the way to get modules above or below the component area, apart from the sidebars? What are then the positions that are preconfigured in TemplateDetails.xml as main-top-1, main-top-2, main-bottom-1 and main-bottom-2? If I apply these positions to a module, they are placed above or below the sidebar, not the component. Thanks.

          Write a Reply...
          You need to Login to view replies.