EXT: Custom Home¶

What does it do?¶

This extension creates configurable content layout by the frontend user. The frontend user can arrange the layout of the content by drag and drop it to the desired position. The position will be saved in browser cookie or database when the user login. The layout will be restored whenever the cookie exist or user has been logged in.

This extension is useful to give user ability to define own layout for the content of a page, so that user can put more important content based on their preferences.

How does it works?¶

The extension generatesdrag and drop-able content element on the frontend and uses jquery and ajax to make the content element position and state can be saved in cookieordatabase.

Screenshots¶

Inserting the extension:

Lists of configurable content elements:

Frontend Output1:

Frontend Output 2:

Users manual ------------

User will only need to drag and drop the content element to the desired position, hide and unhide the content they need. The state will be saved to the cookie or when the user logged in, it will be saved in database.

Install the Extension¶

Download the newest Extension using the Extension Manager/Extension Repository.

Install the Extension using the Extension Manager.

Add the Extension on the desired page.

Define the default column and content elements that should be appeared on the page.

Hideable navigation¶

When the main column have a width limitation, we can add the following typoscript on the setup section of the page template to make a hideable navigation and extend the width of the main column, this example applies to the page with Template Auto-Parser. In this example, the main column is defined in left_nav object:

page.10.subparts {
  left_nav.wrap = <div id="nav1" class="nav"><div class="nav-btn"><img width="16" height="16" alt="Info" title="Info" src="../typo3/sysext/t3skin/icons/module_web_list.gif"></div> | </div>
}

The div above will be processed by jquery so that it will be hidden by default, we can hover on the icon to make it visible, and then we can access the navigation.

0.0.1¶