Custom Module Positions


  Page 1 of 2 Next Last 
Author Message
John Tennock

Posted: 5/19/2012
Quote message 

I need to add a couple of custom module positions in the header of Joomla 2.5 site using an Artisteer 3.1 template. These modules would be called something like 'slide_show' and 'contact_us'. I understand that I can add these positions by editing files in the installed Artisteer template.

I've been searching for advice on how to do this but most of the references to helpful tutorials etc in this forum seem to refer to Joomla 1.5, so not much help.

Could somebody please let me know what changes I need to make, to which template files, specifically for Joomla 2.5 and Artisteer 3.1?
 
SteveTVD

Posted: 6/4/2012
Quote message 

bumping this, hoping for an answer too!
 
jrgweb

Posted: 6/4/2012
Quote message 

1st file to edit is the templateDetails.xml

add.....<position>myheader</position
<position>socialbtn</position>

The above can be any name you want.

Next...edit index.php in the template directory

just below the <div class="art-logo">
add.....
<div class="art-header-content"><?php echo $view->position('myheader'); ?></div>
<div class="jrg-socialbtn"><?php echo $view->position('socialbtn'); ?></div>

Now the next file to edit is the template.css or the backend to artisteer in the export---->
CSS options


.art-header-content {
position: absolute;
z-index: 1000;
top: 110px;
left: 400px;
width: 500px;
height: 200px;
}

The above will position a module to the mid right side of the screen.

.jrg-socialbtn {
z-index: 100;
position: absolute;
top: -3px;
left: 15px;
width: 280px;
height: 400px;
}
The above will position a module to the left side of the screen.

You can tweak the position by adjusting the css

If you need additional help left me know.


 
Chris W.

Posted: 6/5/2012
Quote message 

jrgweb,

I need your help. I created a template for my church, and they want the social media buttons to be in the lower right hand corner of the header, about 10px from the top of the menu, and about 5-10px from the right edge of the header image. My mind is fried and I'm just needing help putting the whole thing together.

I opened the templateDetails.xml file and added the following code:

    <position>position-29</position> 	<position>position-30</position>   </positions> </extension>


Then I opened the index.php file and added the following code:

<body> <div id="art-page-background-glare-wrapper">     <div id="art-page-background-glare"></div> </div> <div id="art-main">     <div class="cleared reset-box"></div> <div class="art-box art-sheet">     <div class="art-box-body art-sheet-body"> <div class="art-header"> <div class="art-headerobject"></div> <div class="art-logo"> <div class="art-header-content"><?php echo $view->position('position-30'); ?></div> </div>


like you said.

Did I even do it right? and also what do I change my CSS file to say so that it matches what I have with the image below?


 
Chris W.

Posted: 6/5/2012
Quote message 

I haven't uploaded the file yet because I wanted to modify it before I uploaded it. The URL will be http://www.svtx.org
 
Chris W.

Posted: 6/5/2012
Quote message 

jrgweb,

Man, you were the biggest help possible. It worked flawlessly, and everyone loved it. Check it out at www.svtx.org
 
DJ

Posted: 6/23/2012
Quote message 

Hi,

Looks cool!

Notice upcoming events goes to a dead age and you can turn off the menu heading at the top of the page. Make it look nice but all good.

B)

Is the calender an extension or an iframe?


 
addie

Posted: 7/5/2012
Quote message 

using module position

<div class="art-logo">

<div class="top-banner"><?php echo $view->position('banner'); ?></div>


and css

.top-banner {
z-index: 100;
position: absolute;
top: 20;
left: 400;
width: 400px;
height: 60px;
}

module is not loading css very strange
 
jrgweb

Posted: 7/5/2012
Quote message 

did you try using a space before top-banner in the module class suffix box?
 
Another Guy

Posted: 8/14/2012
Quote message 


i notice your menu goes behind the slideshow ;)
i suggest you use the Autson Slide Show
it solved my menu problem
if there's any other help needed i'd be delighted to help you.
send mail to me if you didnt find the module
starsun_mj@yahoo.com
 
Jim

Posted: 8/14/2012
Quote message 

Hi all,

I wish to create a new module position above the header. can anyone assist

Jim
 
Ju Du

Posted: 10/31/2012
Quote message 

Hello, I am using artisteer 3.1 template on joomla 2.5. I I do not know how my Module manager locks me out. When i go to Extension, Module manager ; the browser displays "network access message, the page cannot be displayed". Because of this I cannot actually make any change to plugins i have installed.
Any clue will be highly appreciated.
 
Arno

Posted: 2/21/2013
Quote message 

Quote jrgweb:

1st file to edit is the templateDetails.xml

add.....<position>myheader</position
<position>socialbtn</position>

The above can be any name you want.

Next...edit index.php in the template directory

just below the <div class="art-logo">
add.....
<div class="art-header-content"><?php echo $view->position('myheader'); ?></div>
<div class="jrg-socialbtn"><?php echo $view->position('socialbtn'); ?></div>

Now the next file to edit is the template.css or the backend to artisteer in the export---->
CSS options


.art-header-content {
position: absolute;
z-index: 1000;
top: 110px;
left: 400px;
width: 500px;
height: 200px;
}

The above will position a module to the mid right side of the screen.

.jrg-socialbtn {
z-index: 100;
position: absolute;
top: -3px;
left: 15px;
width: 280px;
height: 400px;
}
The above will position a module to the left side of the screen.

You can tweak the position by adjusting the css

If you need additional help left me know.




Hello

I tried to modify my module positions in my template called 'artcreations' for this URL: http://lindamanya.com/artcreations/

But it simply doesn't work: I want to place my menu with the present menu button look in the top right of the header, but I can't detect the art-logo code in my index.php.

What is also odd: the menu buttons created in the Artisteer editor show up top right, but not when I upload it in Joomla.

What am I doing wrong or overseeing? Hope you can help me asap, I am busy restyling my website and it already takes me weeks too long.
 
jrgweb

Posted: 2/21/2013
Quote message 

what version of artisteer??
 
Arno

Posted: 2/21/2013
Quote message 

Quote jrgweb:

Never mind - Your using 4.1

First of all your menu is too large.
In joomla select the menu you are wishing to display.

I can place the menu to the right of the screen.


~

I can well take it for granted that my menu is too large, that is something worth modifying.

But still - I did select the position 'user3' for top right position with buttons in the shape as designed, and it keeps appearing top center.

 
jrgweb

Posted: 2/21/2013
Quote message 

What is "top right position"? Not top3?

user 3 is a stand alone position. You can float the menu items to the right.

remove all but 2 menu items.
Show me an image of what you want.
 
Arno

Posted: 2/21/2013
Quote message 

OK, it appears that the main reason was ONLY the number of menu buttons at the top of the header. I have modified certain category listings to decrease the number of menu items and all appears as I wished.

Thanks for all your efforts, consider my case closed.
 
ioannis

Posted: 2/24/2013
Quote message 

hello guys,
i need your help.
i use this from artisteer tutorial
"Adding Modules to Header
In Artisteer 4.0 you can add modules to the Header and style/position them with CSS code. Please, follow the steps below:

Add a module to the Header by assigning it to position-30 (or header) in the Module Manager.
Go to Advanced Options and set the module class suffix to " my-module-1" (space before my-module-1 is required).
Add a similar CSS code to the template.css file (Template Manager -> Templates -> [your template] -> Edit CSS/template CSS):
.art-header > .my-module-1 {
top: 20px;
left: 50%;
}
"
but nothing happens.

i use the solution of jrgweb too, but nothing happens again...
any solution for these problem?
 
ioannis

Posted: 3/2/2013
Quote message 

nobody?:(:(
 
jrgweb

Posted: 3/2/2013
Quote message 

@ioannis - It sounds like your doing something wrong or leaving out a step,
Do you have a link so that we can help?

http://www.artisteer.com/?post_id=213616&p=forum_post&forum_id=9
 
jrgweb

Posted: 3/2/2013
Quote message 

ioannis - Okay,
step1 remove the shape
step2 in joomla create a new custom html module and place it in extra2 position
step3 place your image or whatever you want in that position.

step4 in the template.css find art-hmenu-extra2 and set the position of the module.

If you need more help let me know jrgweb [@] gmail.com
 
ioannis

Posted: 3/2/2013
Quote message 

my problem is that i want to put a module not a image.
i send you an emal
 
ioannis

Posted: 3/3/2013
Quote message 

thanks a lot jrgweb...you solve my problem.thanks a lot
 
Daniel Hughes

Posted: 3/6/2013
Quote message 

Brilliant minds! Like ioannis, I too tried the Artisteer recommended method for adding a header position. I have a Spotlight Slideshow that runs about the same size of the header that I would like to see in place of the Artisteer header. I followed Artisteer's instructions exactly, but nothing happened. Please help!

See: http://newhopeakron.org/
 
Balaji

Posted: 10/8/2013
Quote message 

:*) how can give a custom position for the joomla templates using Artisteer 4.1 there is any option to give the custom position for any templates
 
jrgweb

Posted: 10/8/2013
Quote message 

@Balaji - Give us more details of where you want the module to appear. Top, bottom, left or right. Inside header, sheet or outside of sheet next to screen edge.etc.

You need to know how to edit 3 files.
templateDetails.xml
index.php
template.css

On some occasions you won't need to edit templateDetails.xml or the index.php

What version of joomla, artisteer?
What url?
 
Tim

Posted: 10/9/2013
Quote message 

Please help

I'm trying to create a 5 colum template in artizeer .... Specifically a header with an upper an lower tool bar centered in header

One thin Collum to the right and and left with three columns in the center of the page

Artizeer only allows for three columns how do I do this ... I'm not a coder but I'm going to school and trying to learn .... This project is a not for profit to raise money for in curable diseases ...I would appreciate anyone's help
Tim
 
Firdous

Posted: 1/3/2014
Quote message 

Hi jrgweb,

I want to appear a login module Inside header.

Joomla! 2.5.17

http://www.ozta.org/portal/

Appreciate your support
 
jrgweb

Posted: 1/4/2014
Quote message 

@Fidous - Place your module in position-29 within joomla.

I don't know where you want the login module within the header but you can use css to position the module.


before: http://demo.artisteertoday.com/imagedemo/before.jpg
after: http://demo.artisteertoday.com/imagedemo/after.jpg

let me know if I can help further.



 
bhaam

Posted: 6/18/2014
Quote message 

Quote jrgweb:

I want to look at the template.css
you can send to jrgweb@gmail.com


 
  Page 1 of 2 Next Last