| Joomla

Joomla Template Tools - Viewing Positions and Other Templates

Have you ever been trying to figure out which position was where on your template? Ever wanted to see your Joomla site using a different template without changing the live template?

You can do both with the handy tools built-in to Joomla, read on to learn how.

Sometimes you need to locate a module by what position is has been assigned to and sometimes you just need to see all the positions available on a template.

Looking for where a module is in a joomla template?

Either need can be met by using the built-in template position overlay. This feature does need to be enabled in Joomla by default before it can be used.

  1. Go to Extensions>Templates
    Got to templates under extensions
  2. Click Options in the upper right hand corner
    click options
  3. Select “Enabled” on Preview Module Positions
  4. Click the Save & Close button
    Enable preview modules positions and save
  5. Now, go to the frontend of your website and add “?tp=1” to the end of your url and you will then see all the positions marked by name and location overlayed on the site
    add “?tp=1” to the end of your url

Sometimes you might want to see what your site would look like in a different template without changing your live site to your public audience. This can also be done with a url variable.

Simply go to the frontend of your site and add “?template=” followed by the name of the template you want to see it in, for instance, in our example we are using Beez 3 template, so we add “?template=beez3” after the url.
“?template=beez3” after the url

Please note, if you have modules, you will either need to have the same position names in the new template you are previewing, or you will need to make duplicates of the modules and assign them to the module position names of the new template you are previewing.

We can even combine these two url variables to see both a different template and the areas on that template. Note, you will have to make sure you have enabled the Preview Module Positions like above for this to work.

In our example, we use the Beez 3 template and show it’s module positions by adding “?template=beez3&tp=1” after the url.
ADD “?template=beez3&tp=1” after the url

We do recommend that after you have checked your module positions you go back and disable the Preview Module Positions in the template options.

Was this helpful? Check out extensive list of courses about Joomla and Joomla-related topics.


About the author

Robbie started her career in corporate training until starting her own custom training and media company almost seventeen years ago. In 2010, she began doing classroom training for OSTraining while running Media A-Team. She is often presenting about various tech topics such as Joomla, Fabrik, Web Development, Social Media, and Augmented Reality. She loves seeing that "ah-ha" moment in peoples eyes in her sessions and workshops. She lives in Houston, Texas, but enjoys all the travel for client work and speaking gigs.