jump to navigation

How do you add a new template position? April 27, 2010

Posted by jbanju in Internet CMS Joomla.

The list of available positions where you can insert a module is controlled by the template you are using. It is possible to add new positions to a template. In this example, we will add a new position to the default rhuk_milkyway template. Here are the steps.

  • Open the file “<your Joomla! home>/templates/rhuk_milkyway/index.php” for editing and determine where your new position will be on the page. Note that you can see all of the existing template locations in your browser by adding “?tp=1” to the end of your normal URL (for example, “http://www.yoursite.com/?tp=1&#8221;).
  • In our example, we will add a new location after the “breadcrumb” position called “mynewposition”. To do this, find the line in the file “<div id=”whitebox”>” and insert a new line “<jdoc:include type=”modules” name=”mynewposition” /> as shown below:
<div id="pathway">
   <jdoc:include type="modules" name="breadcrumb" />
   <div class="clr"></div>
   <div id="whitebox">
      <jdoc:include type="modules" name="mynewposition" />
   <div id="whitebox_t">
  • Open the file “<your Joomla! home>/templates/rhuk_milkyway/templateDetails.xml” for editing and find the “<positions>” section of the file. Add the new entry for “mynewposition” as shown below:

Now, when you look at your site with the “?tp=1” URL, you should see the new position as shown below:


In the Module:[Edit] screen, the new position should display in the drop-down list box of available positions, as shown below.




No comments yet — be the first.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: