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?


 
jrgweb

Posted: 6/5/2012 Quote message   

whats the url of your website?
 
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
 
jrgweb

Posted: 6/5/2012 Quote message   

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

Posted: 6/5/2012 Quote message   

I just sent the file to you. It's from chriswarrenproducer@gmail.com
 
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?
 
A Guy

Posted: 8/3/2012 Quote message   

Hello and thanks in advance.

Thanks for the code above, works great! The only problem I am encountering is that I have my header outside of my sheet, for transparency purposes as well as some other aesthetics, and I am not using the built in header and slogan feature because I would rather use a module in order to be able to change the text with each page within the website. Everything is working fine except the CSS for the H1 and H2 text is being ignored. I tried adding some CSS font attributes to the .art-header-content in the CSS template, but it is not coming through in the browser. I am not certain if it is the php code in the index file, or the fact that I have the header outside of the sheet that is causing the problem.

If anyone can advise I would be grateful.
 
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
 
rasta

Posted: 8/28/2012 Quote message   

Hello ,
I followed your instruction and I created new module for news scroll { highlighter } it's working fine But the probleme is its background keeps showing in each page even if I unpublished the module .

Please help .
 
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.
 
Garry

Posted: 10/31/2012 Quote message   

@ Ju Du

Try reverting back to one of the default Joomla template to check if you get same issue with that too or not.
 
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??
 
jrgweb

Posted: 2/21/2013 Quote message   

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.


 
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
 
ioannis

Posted: 3/2/2013 Quote message   

mr jrgweb...
this is the link

www.parking-byzantio.gr

i would like to have a module instead an image (with aeroplane/car) to the header
 
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
 
  Page 1 of 2 Next Last 
Artisteer is not affiliated with or endorsed by Joomla!™ or Drupal™ or WordPress™ Projects.

Copyright © 2008-2014 by Artisteer, Ltd