How to include modules in Content item (for Joomla 1.5.x)
Written by kksou   
Saturday, 29 March 2008

This is in reponse to Ssnobben's posts titled "Having a slideshow module in main page" and "Slideshow on frontpage"

To illustrate what he means, I've included a live example right here.

I do not have the Frontpage Slideshow module he mentioned (it's commercial, cost 22 EUROS I think). But I happen to have another another similar slideshow module.

If you go to, say, http://www.kksou.com/php-gtk2/sample-codes/, you can see that it's a module by default appearing in one of the module positions on the left.

On the left, you can see that it has been embedded right inside this content page.

What's even more amazing is that you can use any of the HTML elements to position the embedded module precisely! In this example, I used a standard HTML table to position the module to the left of the text.

How this is done?

Embedding a module inside a content page is a Joomla "feature". You do not need the DirectPHP plugin to enable this.

Ssnobben has rightfully pointed out you need to use something like "{loadmodule mod_fpslideshow}". So below are the complete steps to achieve this.

Note that the steps below applies to Joomla 1.5.x only. For Joomla 1.0.x, please refer to How to include modules in Content item (for Joomla 1.0.x). The steps are slightly easier for Joomla 1.0.x.

Step 1: Set up the module

Let's first create a module for use with this example.

  1. Go to "Extensions - Module Manager". Look for the module "Main Menu". Check the box besides the title, and choose "Copy" from the menu.
  2. You will see a new module called "Copy of Main Menu" appearing below the original "Main Meu".
  3. Click on "Copy of Main Menu". First make sure Enabled is set at 'Yes'.
  4. Now, for the field "Position", first take a look at the entire list of the module positions in the pulldown menu. Then choose a new module name and just type it in there. Yes, just manually type it in, since it will not be in the pulldown selection list. This is a combobox that allows you to add new items by typing the new item in the entry field. In this example, I've chosen the new module name to be user201 as shown below..
  5. In the field "Menu Assignment", for Menus, make sure you select "All":
  6. Save the module.

Step 2: Create the content page

We will now create a content item for containing the module.

  1. Go to Article Manager and create a new article.
  2. In the article, enter the following:
  3. This is a test to include a module inside a content page.
    
    {loadposition user201}
    

  4. Note that the module name after loadposition has to match the module position you have created in Step 1.
  5. That's it! Save the article. We're all set!

Step 3: Let's test it

Now load the article. Did you see the "Main Menu" appearing inside that article similar to the following?

Note: If you wish to put this as the front page, go to Menu Item Manager - Main Menu, create a menu item linked to this content page, then move it to the first item. The page with the embedded module (for example, it could be a slideshow module) will become the front page.

Links



User reviews   Average user ratings:    4.0   (from 12 users)
  1. Jaime Franco
    May 05, 2008 10:03pm
    Congratulations

    Excellent article! I would like to know how to enbed the code to another template like siteground-j15-14. I was looking where to put the code and I canŽt do it. I found a template different in the templateDetails.xml file.

  2. Jaime Franco
    May 12, 2008 12:58pm
    Module in Content Item

    OK, Good!
    But, tell me. How do you do that in a different template like siteground-j15-14.

  3. kksou
    May 12, 2008 6:57pm

    Hi Jaime,

    Have just managed to grab hold of a copy of this siteground-j15-14 template to test it out. Yes, the structure of the templateDetails.xml file is different from that of the default rhuk_milkyway template.

    Anyway, I've rewritten this article to show you another easier method which will work with this siteground-j15-14 template.

    Please follow the steps outlined above and let me know if it works for you.

    Regards,
    /kksou

  4. Jaime Franco
    May 12, 2008 7:36pm
    Module in content Item

    Thanks Kksou!
    I will try to follow all the steps and IŽll tell you if it works.

  5. nexus6it
    October 06, 2008 6:29am
    simply excellent

    clear, simple and powerfull article

  6. Human Test from Barbados
    October 25, 2008 2:11pm
    Very Nice

    Very nice article thanks for passing on your knowledge. I appreciate it.

  7. ygokirmak
    December 25, 2008 1:53pm
    Question

    Hi,

    I tried to implement a simple module and insert it to content as you described above in joomla 1.5.
    But I have a problem. Module creates a table with 2 columns but I couldn't make the table centered to page. It is always aligned to left.

    Any advise?

  8. Jason Greene
    January 13, 2009 2:09pm
    Great but...

    how do I get the background to now be yellow?

    http://www.hianetwork.com/my-account.html

  9. kksou
    January 13, 2009 5:27pm

    Hi Jason,

    Please double check your css.

    If you do a view source, the login module make use of <div> and <table>. The original css definition is defined such that this appear ok with transparent background in module position.

    However, when you shift it to inside an article, I believe the css is defined such that tables appear with yellow background and a black bar on the left. Just do a quick check in your css. It should be quite easy to see which css definition is that.

    When you find it, you can either change the css, or the login module.

    Regards,
    /kksou

  10. Jason Greene
    January 13, 2009 6:07pm
    That was it

    You are the man.. That was it. BTW using the "Web Developer" add-on for firefox tells you the css file and the exact line.

    Thanks for the help

  11. zhxxmu
    August 06, 2009 6:15am
    how to add
    of the module

    i follow your introduction to add a latestnews module in section description part, the module is shown after the description,but the module did not show in a , only embed the , so the style is different from it in user1 position. so what should i do to make it look the same as it in user1?

  12. wko
    August 07, 2010 8:14pm

    mmmm???

Note: You have to be a registered member to leave a comment. Free registration here.

 
< Prev   Next >

Blog - Forum - Privacy Policy - Contact Us
Copyright © 2006-2009. kksou.com. All Rights Reserved