Difference between revisions of "Built-in Module Positions"

(Module Class Suffix)
(Module Class Suffix)
Line 34: Line 34:
  
 
===Module Class Suffix===
 
===Module Class Suffix===
If you want your modules to look like the rest of the JomSocial boxes, you can use these module suffixes:
+
If you want your modules to look like the rest of the JomSocial boxes, you can use these '''Module Suffixes''':
 
  '''For jomSocial 2.6 and below''' - " cModule"
 
  '''For jomSocial 2.6 and below''' - " cModule"
 
  '''For jomSocial 2.8 and above''' - " app-box'
 
  '''For jomSocial 2.8 and above''' - " app-box'

Revision as of 04:57, 8 March 2013

From JomSocial 1.6 forward, you can insert Joomla modules into any part of the JomSocial template. This will allow you to have greater flexibility in customizing the look and feel of JomSocial to your own liking.

List of Built-In Module Positions

We have 10 built-in module positions that you may use:

js_side_top 	Placed before any JomSocial content on the side column of frontpage, profile page & groups page.
js_side_bottom' Placed after any JomSocial content on the side column of frontpage, profile page & groups page.
js_profile_top Placed between the toolbar and the profile page.
js_profile_bottom Placed after the profile page.
js_profile_side_top Placed before any JomSocial content on the side column of profile page and after js_side_top.
js_profile_side_bottom Placed after any JomSocial content on the side column of the profile page and before js_side_bottom.
js_profile_feed_top Placed before the activity stream section of the profile page.
js_profile_feed_bottom Placed after the activity stream section of the profile page.
js_groups_side_top Placed before any JomSocial content on the side column of the groups page and after js_side_top.
js_groups_side_bottom Placed after any JomSocial content on the side column of the groups page and before js_side_bottom.

How to Insert a Module into JomSocial?

In the Joomla Administrator Backend, go to Module Manager (Extensions > Module Manager). On the Module Manager page, you can either create a new module or select an existing module you would like to place in JomSocial. In the Edit Module page, under the Details field set, there is a parameter called Position. Manually enter the name of the module position (you may refer to the list of built-in module positions above). Click Save and your module will appear in your desired area.

Js profile side top.png

Adding Your Own Module Position

You can add your module position name and insert it anywhere within any JomSocial template files. The code snippet that does this is:

<?php $this->renderModules( 'yourModulePositionName' ); ?>


Module Positions in the Templates

This is the overview of module positions within JomSocial Component

IMPORTANT!!! Images are from the JomSocial 1.6 design. While Module positions are in exactly the same places, the images below do not reflect the current visual appeal of JomSocial.

Module Positions On Frontpage.png Module Positions On Groups Page.png Module Positions On Profile Page.png

Module Class Suffix

If you want your modules to look like the rest of the JomSocial boxes, you can use these Module Suffixes:

For jomSocial 2.6 and below - " cModule"
For jomSocial 2.8 and above - " app-box'
Note: Add module sufixes without quotes, but with white space in the name.

Moduleclasssufix.png