Joomla Templates Club 406,261 posts

[mickalypickaly Friend mickalypickalyJoin date: November 2011Posts: 26Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#171775

I am trying to create a new module position to use the space to the right of the logo on my JA Social template. After spending hours combing through these forums and reading articles about the block positions and template layouts of the T3 framework these are the steps I’ve taken.

First,
In the template manager in the JA social template under the layouts tab I made a clone of the layout that I’m using (so I don’t mess up the original) and named it “left-main-right-edited”. Then under the profile tab I changed the Desktop Layout to the new layout I just created

Second,
I edited my new layout, after this line: <block name=”header” type=”header” main-inner=”1″></block>
I added: <block name=”top-banner” type=”modules”>top-banner</block>

Third,
I went to /templates/ja_social/templateDetails.xml
I added: <position>top-banner</position>
to the end of the list of positions.

This created a new position below the logo. And if in my layout “left-main-right-edited” I put: <block name=”top-banner” type=”modules”>top-banner</block> before : <block name=”header” type=”header” main-inner=”1″></block>
my new module position appears above the logo.

I really would like the module to appear to the right of my site logo. I’ve read some stuff about adding code to the /templates/ja_social/blocks/header.php file. I tried that it ended up putting a JAT3 Logo in place of my logo so I removed that. I’ve also read stuff about needing to add new php files somewhere in the /plugins/system/jat3/jat3 folder. But it didn’t make a lot of sense. I am new to this website stuff and I’m trying to learn php, java script and css but it is still all pretty foreign to me. I want to learn how to do it so if someone could provide me with detailed instructions on what to do next I would appreciate it.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#429582

Hi,

JA social has a position named search on the same line as the logo, only to the right side.. Have you tried using that? Or do you want to use that position and additionally want a position in between the search position and the logo?

1 user says Thank You to himangi for this useful post

1. mickalypickaly

[mickalypickaly Friend mickalypickalyJoin date: November 2011Posts: 26Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#429631

Yes, I tried that but it has the styling for the search bar and I thought it might be better just to create a new position. How do I remove that styling and position the module so that it looks good?

[mickalypickaly Friend mickalypickalyJoin date: November 2011Posts: 26Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#429638

Thanks himangi,
Ok, I figured it out. I used the search position. Then, in the template.css file I commented out all the #ja-search styling and then created my own for the positioning. I can’t believe I’ve spent close to 8 hours trying to figure this out and the solution was so simple. On the positive side I do know a lot more about the T3 Framework now.

[Author]

Posts