Joomla Templates Club 406,261 posts

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#186944

Hi Guys,

I’m trying to wrap my head around moving, adding or duplicating modules positions, and it’s defeating me 🙁

On the front page layout (only), I’d like to move 4 module positions:

1) Move (or duplicate) User 1-4 to above User 8

2) Move (or duplicate) User 6 to immediately below the content-top and content-top2 positions.

3) Under the Middle-Content-Top Area: Flip flop the module positions so the:

Content-Mass is in the center instead of to the left;

Move Left (middle..right1) to the actual left;

and keep Right (middle.right2) on the right side.

Is there anyone who can show me how to do this step by step, so that I can a) do it and b) understand what I’m doing.

Thanks- I know it’s a tall order 🙂

Vineyardseashell

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#490508

Hi vineyardseashell

Try to make these changes from your Template Manager – Layout Tab – Default Layout

<blockquote>1) Move (or duplicate) User 1-4 to above User 8 </blockquote>

<blocks name="top" style="xhtml">
<block name="header" type="header" main-inner="1"></block>
<block name="mainnav" type="mainnav" main-inner="1"></block>
<block name="cpanel" type="usertools/cpanel"></block>
<block name="slideshow" type="modules" main-inner="1" style="raw">slideshow</block>
<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
<block name="topsl1" type="spotlight" main-inner="1">user5</block>
<block name="topsl2" type="spotlight" main-inner="1">user6</block>
<block name="topsl3" type="spotlight" main-inner="1">user7</block>
</blocks>
<blocks name="middle" colwidth="33">
<block name="right1">left</block>
<block name="right2" width="25">right</block>
</blocks>
<blocks name="bottom" style="xhtml">
<block name="botsl3" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
<block name="botsl" type="spotlight" main-inner="1">user8</block>
<block name="navhelper" type="navhelper" main-inner="1"></block>
<block name="botsl1" type="spotlight" main-inner="1" special="right" specialwidth="50">user9,user10,user11,user12</block>
<block name="botsl2" type="spotlight" main-inner="1" special="right" specialwidth="33">user13,user14,user15,user16,user17</block>
<block name="footer" type="footer" main-inner="1"></block>
</blocks>

If you want to move then delete the topsl block if you want to add new positions then change the positions name in botsl to new names and add these new positions in the Template_Default.xml file.

<blockquote>2) Move (or duplicate) User 6 to immediately below the content-top and content-top2 positions.</blockquote>

If i correct understood your request you can move the User6 block before the slideshow block

<block name="topsl2" type="spotlight" main-inner="1">user6</block>
<block name="slideshow" type="modules" main-inner="1" style="raw">slideshow</block>

<blockquote>3) Under the Middle-Content-Top Area: Flip flop the module positions so the:

Content-Mass is in the center instead of to the left;

Move Left (middle..right1) to the actual left;

and keep Right (middle.right2) on the right side.</blockquote>

Could you post here your actual default layout so i can better understand your actual configuration

1 user says Thank You to pavit for this useful post

1. vineyardseashell

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#490536

Hi Pavit,

Thank you for helping. I’m totally baffled by the process, and every time I edit the code, it becomes a complete mess. It may be a better option to copy a module position to a new position. That way I’ll always have the original code available if I screw it up.

Here’s the code from the template manager:

<?xml version="1.0" encoding="utf-8"?>
<layout name="desktop">
<!--Extra css load for this layout-->
<stylesheets>
</stylesheets>
<blocks name="top" style="xhtml">
<block name="header" type="header" main-inner="1"></block>
<block name="mainnav" type="mainnav" main-inner="1"></block>
<block name="cpanel" type="usertools/cpanel"></block>
<block name="slideshow" type="modules" main-inner="1" style="raw">slideshow</block>
<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
<block name="topsl1" type="spotlight" main-inner="1">user5</block>
<block name="topsl2" type="spotlight" main-inner="1">user6</block>
<block name="topsl3" type="spotlight" main-inner="1">user7</block>
<block name="topsl4" type="spotlight" main-inner="1">content-top, content-top2</block>

</blocks>

<blocks name="middle" colwidth="33">
<block name="content-mass-top">content-mass-top</block>

<block name="right1" width="25">left</block>
<block name="right2" width="25">right</block>
</blocks>

<blocks name="bottom" style="xhtml">
<block name="botsl" type="spotlight" main-inner="1">user8</block>
<block name="navhelper" type="navhelper" main-inner="1"></block>
<block name="botsl1" type="spotlight" main-inner="1" special="right" specialwidth="50">user9,user10,user11,user12</block>
<block name="botsl2" type="spotlight" main-inner="1" special="right" specialwidth="33">user13,user14,user15,user16,user17</block>
<block name="footer" type="footer" main-inner="1"></block>
</blocks>
</layout>

My internet is severely acting up today- it’s taking 10 minutes for a page to load. I’ll do up an image so you can see the module placement I’m looking for.

Thanks again, your help is dearly appreciated!

Vineyardseashell

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#490546

Attached is an image of the module positions layout that I would like to have.

Thanks,

Vineyardseashell

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#490547

Hi

You will need of an heavy customization for your needs, anyway try to start reading this documentation about blocks modifications

1 user says Thank You to pavit for this useful post

1. vineyardseashell

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#490549

Hi Pavit,

I’ve read all that plus the tutorials I’ve found in the forum- it’s like reading Latin to me. I just don’t get it. I guess I’ll have to hire someone to do since you’re telling me that it’s heavy customized work.

Thanks for the input- I do appreciate it 🙂

Vineyardseashell

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#490591

Thanks Pavit!

I did more reading and used Pavit’s example above, plus some code from another template that I use, and was able to make the changes I wanted 🙂

The bold code are front page layout codes I changed:

<?xml version="1.0" encoding="utf-8"?>
<layout name="desktop">
<!--Extra css load for this layout-->
<stylesheets>
</stylesheets>
<blocks name="top" style="xhtml">
<block name="header" type="header" main-inner="1"></block>
<block name="mainnav" type="mainnav" main-inner="1"></block>
<block name="cpanel" type="usertools/cpanel"></block>
<block name="slideshow" type="modules" main-inner="1" style="raw">slideshow</block>
<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
<block name="topsl1" type="spotlight" main-inner="1">user5</block>

<block name="topsl3" type="spotlight" main-inner="1">user7</block>
<block name="topsl4" type="spotlight" main-inner="1" special="content-top2" specialwidth="40">content-top, content-top2 </block>
<block name="topsl2" type="spotlight" main-inner="1">user6</block>
</blocks>

<blocks name="middle" colwidth="33">
<block name="content-mass-top">content-mass-top</block>
<block name="topsl2" type="spotlight" main-inner="1">user6</block>

<block name="left1" width="24">left</block>
<block name="right2" width="26">right</block>
</blocks>

<blocks name="bottom" style="xhtml">
<block name="botsl" type="spotlight" main-inner="1">user8</block>
<block name="navhelper" type="navhelper" main-inner="1"></block>
<block name="botsl1" type="spotlight" main-inner="1" special="right" specialwidth="50">user9,user10,user11,user12</block>
<block name="botsl2" type="spotlight" main-inner="1" special="right" specialwidth="33">user13,user14,user15,user16,user17</block>
<block name="footer" type="footer" main-inner="1"></block>
</blocks>
</layout>

The only thing I can’t figure out is how/where to add the module styling (padding, etc.). I’ve tried/copied several code options into the template.css, but haven’t hit the right one, so this left1 position takes on the characteristics of the other modules on the page/site.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#490667

Hi,

You can post your site url – which use JA Mendozite template and set Compress css in template manager to No, also tell us how you want to add css, I will check for you.

regards

[Author]

Posts