Template positions in Protostar

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
User avatar
johnniek2
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Thu Oct 09, 2008 4:34 pm
Location: Croatia
Contact:

Template positions in Protostar

Post by johnniek2 » Tue Oct 16, 2012 5:01 am

Hi everybody,

I believe this is a basic question, but I would like to find out what are the template positions that the template PROTOSTAR has/uses? Its the first time I am using the default joomla template and its hard for me to figure out where something is positioned?

I did a search regarding Protostar template postions, but couldnt find anything so far...
thanks in advance

User avatar
euoceo
Joomla! Guru
Joomla! Guru
Posts: 957
Joined: Fri Sep 12, 2008 2:48 pm
Location: Sacramento
Contact:

Re: Template positions in Protostar

Post by euoceo » Tue Oct 16, 2012 6:36 am

Go to the template manager, make sure under options that 'preview' is selected, then you can preview templates with thier positions. This is for 2.5, but I'd guess something similar is still there for 3.0. However, as mentioned many times already, if this is for a production website you should be using 2.5 and not 3.0 as that is more of a developers release.
Joomla! Web Hosting, Design, and Consulting.
-Bob

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 28191
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: Template positions in Protostar

Post by imanickam » Tue Oct 16, 2012 6:46 am

You can preview the module positions of any template by the following procedure:

(a) Go to the Template Manager
(b) Click on the button labeled Options
(c) In the screen Template Manager Options, in the tab Templates, for the option "Preview Module Positions", choose the value Enabled
(d) Click on the button labeled "Save & Close"

After the above procedure, the template module positions can be seen by the following ways:
(i) In the Template Manager, in the tab Templates, in the row of the desired template, in the column Templates, click on the link Preview
(ii) When you are viewing the site, in the address bar of the browser, at the end of the URL, type &tp=1 or ?tp=1 as the case may be and press <ENTER>. For example, if the site's URL is http://localhost/joomla_30_1/, use the URL http://localhost/joomla_30_1/?tp=1 to see the module positions.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged

tonicopi
Joomla! Apprentice
Joomla! Apprentice
Posts: 19
Joined: Thu Sep 18, 2008 11:07 pm
Location: Vicenza - Italy
Contact:

Re: Template positions in Protostar

Post by tonicopi » Tue Oct 16, 2012 7:47 am

Forgive my bad English.
But why do not you put the default the option "Preview Module Positions" enable?
The moderators of the joomla's forum of the world would thank! Ah ah ah ah

User avatar
johnniek2
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Thu Oct 09, 2008 4:34 pm
Location: Croatia
Contact:

Re: Template positions in Protostar

Post by johnniek2 » Tue Oct 16, 2012 9:26 am

imanickam wrote:You can preview the module positions of any template by the following procedure:

(a) Go to the Template Manager
(b) Click on the button labeled Options
(c) In the screen Template Manager Options, in the tab Templates, for the option "Preview Module Positions", choose the value Enabled
(d) Click on the button labeled "Save & Close"

After the above procedure, the template module positions can be seen by the following ways:
(i) In the Template Manager, in the tab Templates, in the row of the desired template, in the column Templates, click on the link Preview
(ii) When you are viewing the site, in the address bar of the browser, at the end of the URL, type &tp=1 or ?tp=1 as the case may be and press <ENTER>. For example, if the site's URL is http://localhost/joomla_30_1/, use the URL http://localhost/joomla_30_1/?tp=1 to see the module positions.
thank you very much! it helped

User avatar
jabama
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Fri Mar 23, 2007 1:00 am
Location: Valencia ( Spain ) UE
Contact:

Re: Template positions in Protostar

Post by jabama » Fri Oct 19, 2012 11:01 am

Hello World,
a small pdf guide for Protostar template that I use

regards
Javier
You do not have the required permissions to view the files attached to this post.

User avatar
johnniek2
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Thu Oct 09, 2008 4:34 pm
Location: Croatia
Contact:

Re: Template positions in Protostar

Post by johnniek2 » Fri Oct 19, 2012 11:22 am

thank you very much!

Affableaardvark
Joomla! Apprentice
Joomla! Apprentice
Posts: 23
Joined: Fri Nov 28, 2008 9:55 am

Re: Template positions in Protostar

Post by Affableaardvark » Tue Dec 11, 2012 4:28 pm

Thanks jabama
Great PDF
Pity the forum does not have a like or Thanks button

zipzit
Joomla! Apprentice
Joomla! Apprentice
Posts: 42
Joined: Mon Nov 24, 2008 2:38 am
Location: Las Vegas, Nevada

Re: Template positions in Protostar

Post by zipzit » Wed Jan 09, 2013 11:24 pm

jabama wrote:Hello World,
a small pdf guide for Protostar template that I use

regards
Javier
Javier, how did you generate the template graphic? Was that a simple CAD system, or perhaps an automated tool somewhere that takes CSS in and generates a graphic out? Or perhaps even a spreadsheet tool? Its very useful.

thanks, zip.

firewalls
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Feb 05, 2013 2:12 am
Contact:

Re: Template positions in Protostar

Post by firewalls » Wed Feb 06, 2013 6:33 am

jabama wrote:Hello World,
a small pdf guide for Protostar template that I use

regards
Javier
Thank you jabama!

Niko1948
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Mon Jan 21, 2013 7:40 pm

Re: Template positions in Protostar

Post by Niko1948 » Wed Feb 13, 2013 5:42 pm

jabama wrote:Hello World,
a small pdf guide for Protostar template that I use

regards
Javier
Thank you Javier.

loogalooga
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Fri Dec 22, 2006 9:20 pm

Re: Template positions in Protostar

Post by loogalooga » Thu Feb 21, 2013 3:41 pm

Yay! Thank you Javier

hanHmaas
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Thu Jan 26, 2012 3:44 pm

Re: Template positions in Protostar

Post by hanHmaas » Sat Feb 23, 2013 10:16 am

Thanks!

komir
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 182
Joined: Sat Jul 03, 2010 1:52 pm

Re: Template positions in Protostar

Post by komir » Sat Feb 23, 2013 1:16 pm

jabama wrote:Hello World,
a small pdf guide for Protostar template that I use

regards
Javier
Can you help me to add 3 more module position (top1, top2, top3) like on image?

Best regards
You do not have the required permissions to view the files attached to this post.

oily
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Oct 18, 2011 11:55 pm

Re: Template positions in Protostar

Post by oily » Tue Mar 05, 2013 12:36 am

thank you for the preview information on templates and the pdf.
Linda

bypiou
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed Mar 06, 2013 9:26 am

Re: Template positions in Protostar

Post by bypiou » Wed Mar 06, 2013 9:39 am

Merci !

User avatar
gjrweb
Joomla! Intern
Joomla! Intern
Posts: 67
Joined: Wed Aug 27, 2008 12:03 pm
Location: Tilburg, The Netherlands
Contact:

Re: Template positions in Protostar

Post by gjrweb » Wed May 01, 2013 10:00 am

Love the pdf guide, thanks!
GJ-R Webdevelopment & E-Commerce Expert # Webshops - http://www.gj-r.nl/

apou
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Fri May 31, 2013 11:09 am

Re: Template positions in Protostar

Post by apou » Tue Jun 11, 2013 7:17 pm

jabama wrote:Hello World,
a small pdf guide for Protostar template that I use

regards
Javier
Thanks!, that helps

carlosabmello
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Tue Jun 18, 2013 12:56 pm

Re: Template positions in Protostar

Post by carlosabmello » Tue Jun 18, 2013 1:58 pm

jabama wrote:Hello World,
a small pdf guide for Protostar template that I use

regards
Javier
Jabama, tks

Obrigado,

soncis
Joomla! Intern
Joomla! Intern
Posts: 76
Joined: Mon Jun 24, 2013 8:08 am

Re: Template positions in Protostar

Post by soncis » Fri Jun 28, 2013 1:38 pm

it works fine but in protostar it only shows the positions for the modules I already have on the site... How should I know what I am allowed to add and where

zipzit
Joomla! Apprentice
Joomla! Apprentice
Posts: 42
Joined: Mon Nov 24, 2008 2:38 am
Location: Las Vegas, Nevada

Re: Template positions in Protostar

Post by zipzit » Fri Jun 28, 2013 9:14 pm

Go look at the Twitter Bootstrap page. Twitter / Bootstrap tools is what makes the Protostar template special. In particular look at Bootstrap's scaffolding.

http://twitter.github.io/bootstrap/scaffolding.html

Look down the page, look at all the pretty graphics. Take your web browser, grab the edge of it with your mouse, narrow it up, then widen it, then narrow it up again while looking at each of the pretty pictures.

You should be glimpsing at what is possible here.. then use your imagination to add whatever you want, to where ever you want. Its a blank sheet of paper., except we're using html, javascript and Cascading StyleSheets (CSS) to write with. Will that get you started?

Zip.

Oh.. and subtle hint. Did you see where I mention html, javascript and CSS stuff above? You will definitely need a reasonable understanding of those technologies to make changes here. If you also want to change colors of things, you also want to learn about the .less files, and in particular variables.less, and how to generate .css sheets using a "less" compiler. Basically you encode all of your desired colors in one file, variables.less, then the compiler generates ALL the details for you. It would be very ugly if you had to do it one line at a time, using pure CSS

naythor
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Thu Jan 28, 2010 2:59 am

Re: Template positions in Protostar

Post by naythor » Sun Jun 30, 2013 6:20 pm

jabama wrote:Hello World,
a small pdf guide for Protostar template that I use

regards
Javier

Thank you, jabama. Your PDF is very much appreciated.

setx
I've been banned!
Posts: 20
Joined: Mon Nov 19, 2012 4:15 pm

Re: Template positions in Protostar

Post by setx » Fri Jul 19, 2013 10:44 pm

i'm using a joomla template Protostar and it doesn't have the right position, only the left one and nothing more.

i would like to add a right and a button positions on that template. how can i do it?

zipzit
Joomla! Apprentice
Joomla! Apprentice
Posts: 42
Joined: Mon Nov 24, 2008 2:38 am
Location: Las Vegas, Nevada

Re: Template positions in Protostar

Post by zipzit » Sat Jul 20, 2013 12:57 am

setx wrote:i'm using a joomla template Protostar and it doesn't have the right position, only the left one and nothing more.

i would like to add a right and a button positions on that template. how can i do it?
No way. If you have installed a virgin copy of Joomla (WITH SAMPLE CONTENT) and then activated the protostar template in the admin panel, it will absolutely show an entire web page.

If you didn't install the sample content, or tried to modify the protostar index.php that would explain your mixed results. If not something is wrong. Where are you hosting the web page at? Is this on the computer in front of you (localhost?) or on a server somewhere?

You should do the full sample data installation first BEFORE trying to modify and create your own custom template. Play around with it. Look closely at the protostar PDF file listed above in this thread. Look at the web page, look at the pdf file graphical summary. Look at the pdf printout of index.php. All that stuff should make sense to you.

I'll give you a hint. Its much easier to install the sample data, check things out, play in the administrator backend understand what is going on, then erase the entire project directory, delete the database and start again pure. You can do that much quicker than the person who initially tries to install the management system without data and tries to learn from scratch.

Ever seen a really nicely built wooden boat? The way to build a 35' wooden boat is to build the 12' rowboat first, then build the 35' sailboat. The guy who does that will always finish both boats well before the person who starts on the 35' first. Thats sorta how this stuff works. Its not intuitive. You need to build your skill set and confidence one small piece at a time.

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 28191
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: Template positions in Protostar

Post by imanickam » Sat Jul 20, 2013 1:17 am

Be informed that in the template Protostart there are no Right and Left positions, per se.

The corresponding module positions are position-7 and position-8 representing/for Right and Left respectively.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged

dermi
Joomla! Intern
Joomla! Intern
Posts: 55
Joined: Sat Jul 06, 2013 6:25 am

Re: Template positions in Protostar

Post by dermi » Thu Jul 25, 2013 2:06 am

imanickam wrote:After the above procedure, the template module positions can be seen by the following ways:
(i) In the Template Manager, in the tab Templates, in the row of the desired template, in the column Templates, click on the link Preview
hi imanickam
i don't see link Preview in column Templates !
please help me
imanickam wrote:(ii) When you are viewing the site, in the address bar of the browser, at the end of the URL, type &tp=1 or ?tp=1 as the case may be and press <ENTER>.
also &tp=1 not working and just ?tp=1 works!
thank you that helps
Joomla! is an award-winning open source CMS for building powerful websites.
http://www.ecctv.ir . http://cantral.ir/panasonic-phone

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 28191
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: Template positions in Protostar

Post by imanickam » Thu Jul 25, 2013 2:27 am

imanickam wrote:(a) Go to the Template Manager
(b) Click on the button labeled Options
(c) In the screen Template Manager Options, in the tab Templates, for the option "Preview Module Positions", choose the value Enabled
(d) Click on the button labeled "Save & Close"
Have you done the above procedure?
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged

dermi
Joomla! Intern
Joomla! Intern
Posts: 55
Joined: Sat Jul 06, 2013 6:25 am

Re: Template positions in Protostar

Post by dermi » Thu Jul 25, 2013 3:04 am

imanickam wrote:Have you done the above procedure?
yes!
oh, sorry
In this address I was looking for a link Preview! ;)
Template Manager Styles.png
But here are link Preview: :D
Template Manager Templates.png
You do not have the required permissions to view the files attached to this post.
Joomla! is an award-winning open source CMS for building powerful websites.
http://www.ecctv.ir . http://cantral.ir/panasonic-phone

rpeters297
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Feb 11, 2014 4:03 pm

Re: Template positions in Protostar

Post by rpeters297 » Tue Feb 11, 2014 4:13 pm

Thanks for the pdf file. It helps.

yohebon
Joomla! Apprentice
Joomla! Apprentice
Posts: 39
Joined: Tue Sep 03, 2013 5:15 am

Re: Template positions in Protostar

Post by yohebon » Mon Mar 03, 2014 11:55 am

Code: Select all

http://www.cloudaccess.net/joomla-3-0/113-protostar-responsive-template/597-protostar-options-joomla-3-0.html
modulemap3[1].jpg
Joomla 3.x comes with the Protostar template set to be the default template. This template has a minimum of positions within its framework. You can of course modify the template positions within the index.php file of the Protostar directory, if you understand the Bootstrap framework. You can also do quite a bit of modification to the look and feel of the site using stylesheets. Keep in mind the way the framework functions to keep your site truely responsive.

Note: This module map is to be upgraded to reflect the Protostar Template that comes with the Joomla 3.2 version. The framework with the later version has HTML5 classifications and other alterations.
protostar3.0-module-map[1].jpg
positions:
Modules can be created and assigned to the other positions within the Module Manager.

The content for the page, as created with Articles, will automatically placed in the content position.

If there is nothing in position-7 or position-8 for and/or that page, the content is automatically assigned a class of .span-9 or .span-12 and will expand to fill that empty space.
You do not have the required permissions to view the files attached to this post.


Locked

Return to “Templates for Joomla! 3.x”