Custom module above and below component

By default Helix3 do not allows you to add a new module above or below component area. In most cases Layout Manager allows you to add new rows and columns.

default component

But with very small php/xml customizations you can add two new modules.

above under

Small Code Customization

If you have any JoomShaper template or just Helix3 already installed, all you have to do is edit two files:

  • plugins/system/helix3/layouts/frontend/conponentarea.php
  • templates/JoomShaper_NAME/templateDetails.xml

First edit helix3.php file - where you should find those lines:

    $output .= '<jdoc:include type="message" />';
    $output .= '<jdoc:include type="component" />';

and do those changes, for Helix3 v1.6+ template(s) only:

    $output .= '<jdoc:include type="message" />';
$output .= '<jdoc:include type="modules" name="above" />';
    $output .= '<jdoc:include type="component" />';
$output .= '<jdoc:include type="modules" name="below" />';

 If you have template based on Helix3 older than version 1.4,
 you change should be done here: plugins/system/helix3/core/helix3.php
 And look like this:

   <jdoc:include type="message" />
   <jdoc:include type="modules" name="above" style="xhtml" />
   <jdoc:include type="component" />
   <jdoc:include type="modules" name="below" style="xhtml" />

Now save changed file on your server.

In second file (templateDetails.xml): you have to add new positions as well. Add them before ending </positions>.


For example here:


Do not forget to save this edited file also. Those two changed files must be on server, not only on your local drive,
if you know what I mean.

That's all now you can use those two new: above and below module positions in Module Manager for all installed modules. 
Until it won't be included in new version of Helix3 framework you can use this temporary but 100% working solution. Remember about that change!

How to hide on mobile

Unfortunately, those module position do not have any options in Helix3 Layout Manager. So to hide them in mobile (small device) view you have to use addcional module class suffix.
Please use:" hidden-xs hidden-sm"   - of course without (") !