Archive

Posts Tagged ‘display module in article’

Joomla how to embed modules in articles

October 31st, 2009

There are many useful reasons why you would want to embed a module within article content on your website.

  • include a menu in an article
  • include a custom html module in an article
  • include search function in article

Any of your modules published within your module manager can be embedded.

Getting Started

If you already have a module in mind, its as easy as adding:

{loadposition user21}

Just add above syntax in your article where you would like the module to appear & edit “user21″ to reflect the position of the module you would like to embed & your done.

joomlogo

Here is a short tutorial showing how to make your own custom module and embed it in an article on your front page

From the control panel dashboard, click on your module manager

open your module manager

open your module manager

In the top right hand side of your module manager click “New”

Select "New" from the "module manager"

Select "New" from the "module manager"

Click “custom HTML” or click radial checkbox to the left of the text and click “next”

Select "Custom HTML" and click "Next"

Select "Custom HTML" and click "Next"

Enter your “Title” in this case were using “my custom module”

Create a new “user position” by typing one directly into the box, the value can be any number you want.

*TIP* Its best to start with a higher number to avoide using a position already used by your joomla template.

*TIP* Menu assignment, the all setting will allow the module to be embedded on any page in your site

Custom HTML module settings

Custom HTML module settings

Now if you scroll down past the settings to the bottom, you will see your editor.

This is where you create your custom module

Create the content to display in your "Custom Module"

Create the content to display in your "Custom Module"

When you are done editing your “Custom Module”, scroll back up to the top of the page and click save

(Top Right)

Click "Save" to finish your "Custom Module"

Click "Save" to finish your "Custom Module"

Once you have saved your “Custom Module”,

Click your article manager so you can embed your newly created “Custom Module”

(In this case we are embedding it on the home page of our site)

Click your article manager & select article you wish to include your "Custom Module"

Click your article manager & select article you wish to include your "Custom Module"

Type: {loadposition user21} into the article where you wish to display your new “custom HTML” module

*TIP* You can also center the syntax or place it in a table

if you wish to further control where the “Custom HTML” module displays

Type Syntax:{loadposition user21} into your article where you wish to display your new "Custom HTML" module

Type Syntax:{loadposition user21} into your article where you wish to display your new "Custom HTML" module

Now save your article and check it out!

Check out your page & see your new "Custom HTML" module

Check out your page & see your new "Custom HTML" module

ITS THAT EASY!

Blog & Website Help, CMS, joomla how to , , , , , , , , , , , , , ,

Improve the web with Nofollow Reciprocity.
9 visitors online now
9 guests, 0 members
Max visitors today: 9 at 12:55 am GMT+8
This month: 31 at 07-15-2010 12:23 pm GMT+8
This year: 85 at 06-06-2010 12:38 am GMT+8
All time: 85 at 06-06-2010 12:38 am GMT+8
Easy AdSense by Unreal