1. Helix3
  2. Saturday, 17 October 2015
Hello,

I'm trying to hide component area into the homepage but I don't know how to make it!

I think that Helix3 should have an option for hide the component area into frontpage like Gantry framework or JAT3.

How to hide component into the homepage area easyly?

Thank you.
Accepted Answer
Hello Alejandro,
you have different options:


A.) Helix3 template style & layout
Create a new template style called "homepage".
Then edit the "homepage" template style and modify the "layout".
You might "remove" the whole "Main Body" section (this includes the left and right area).
Or you might remove the "Component" option from the middle column. Click options icon (3 gears) and uncheck the "Make Component Area". Headsup: This will also remove the "System Message" area.
Assign this template style to your "home" menuitem.
Save your layout and template style.

B.) Empty/Blank Component trick
You might keep the default style and layout, but use a special "blank component".
As usual, simply create a respective menuitem from it.
Assign your modules to your "empty" homepage.
You can download a ready-made component here:
Related tutorial is here.

C.) CSS & PageClassSuffix (visually hidden and more advanced)
As mentioned in the previous tutorial link at the bottom, you might give your homepage a special PageClass.
This can be entered in your home menuitem parameters.
Then you have to "target" this PageClass and hide the Component area on this particular page by a specific CSS rule.
That rule can be placed in your template style, or in the external custom.css

PS: I noticed that HELIX3 does not output the PageClassSuffix?! :( But you have some contextual infos in the body tag's classes. For instance the ItemID# could identify the homepage. Slightly different, but the same principle.
  1. more than a month ago
  2. Helix3
  3. # Permalink
Responses (2)
I think that a great feature for the helix3 framework is add an option for show or hide the component area into homepage (frontpage).

Thank you for your reply.

pepperstreet wrote:

Hello Alejandro,
you have different options:


A.) Helix3 template style & layout
Create a new template style called "homepage".
Then edit the "homepage" template style and modify the "layout".
You might "remove" the whole "Main Body" section (this includes the left and right area).
Or you might remove the "Component" option from the middle column. Click options icon (3 gears) and uncheck the "Make Component Area". Headsup: This will also remove the "System Message" area.
Assign this template style to your "home" menuitem.
Save your layout and template style.

B.) Empty/Blank Component trick
You might keep the default style and layout, but use a special "blank component".
As usual, simply create a respective menuitem from it.
Assign your modules to your "empty" homepage.
You can download a ready-made component here:
Related tutorial is here.

C.) CSS & PageClassSuffix (visually hidden and more advanced)
As mentioned in the previous tutorial link at the bottom, you might give your homepage a special PageClass.
This can be entered in your home menuitem parameters.
Then you have to "target" this PageClass and hide the Component area on this particular page by a specific CSS rule.
That rule can be placed in your template style, or in the external custom.css

PS: I noticed that HELIX3 does not output the PageClassSuffix?! :( But you have some contextual infos in the body tag's classes. For instance the ItemID# could identify the homepage. Slightly different, but the same principle.
  1. more than a month ago
  2. Helix3
  3. # 1


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.