Adding boxes to left/right of screen

[silky]

You will need to edit the Act_Primary.html template to add the new boxes and add some new CUSTMVAR's into Actinic

Advanced | Custom Properties | add 2 new variables such as NEWBOXTITLE and NEWBOXTEXT - this allows your to specify the box title and the text accordingly

Ok i did the above on this thread but don't understand the rest!! where do i find the code i need to change in Act_primary ?
And how do i do this with out messing the whole thing up!

Thanks for any help

[silky]

Ok, so i have done part of #3 basically
"Advanced | Custom Properties | add 2 new variables such as NEWBOXTITLE and NEWBOXTEXT - this allows your to specify the box title and the text accordingly"

But the rest is eluding me! is the part i need to copy in template manager? if so where abouts and what would it look like?

Just need a little help here

[jont]

You will need to edit the main 3 primary templates you are using ... Design | Options | Layouts and click the edit buttons.

The table in the code will look something like

<table width="150" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td height="22" bgcolor="#000066" class="actsmallheading"><b>&nbsp;&nbsp;CUSTOMVAR:LEFTBARTITLE</b></td>
        </tr>
        <tr valign="top"> 
          <td class="thinred2">
             <table width="100%" border="0" cellpadding="2" cellspacing="2" class="actxxsmall">
               <tr> 
                <td valign="top"><br>CUSTOMVAR:LEFTBARTEXT<br><br></td>
               </tr>
             </table>
          </td>
        </tr>
      </table>

if you search for the CUSTOMVAR:LEFTBARTITLE that is the quicket way to spot on the page ..... ensure you pick up the containing <table> all the code is placed into

[jont]

The main templates are usually :

Act_Primary.html
Act_PrimaryCheckout.html
Act_BrochurePrimary.html

these are all found in the root of the site1 folder

[silky]

excellant found it, is there only one table? or are there others, and where do i actually copy it to? can i copy it to just below?

[jont]

There should be 2 on the page .. LEFTand RIGHT

You can copy it anywhere you like but the best / sensible place is above or beneath the exisiting boxes to keep together.

You can paste it as many times as you like so long as you give each a unique CUSTOMVAR for the title and content otherwise it will replicate itself

[jont]

If copying beneath try adding a <br /> just before you insert the new code to force the table onto its own line.

Take a backup of the template before doing any mods

[silky]

Excellant that worked a treat, but how do i change the colour of the text in the new box?

[silky]

Oh, and while we are at it, how do i get the links to to go down the box rather than across?

I.e. Features
News

Rather than: Features News

[jont]

Oh, and while we are at it, how do i get the links to to go down the box rather than across?

I.e. Features
News

Rather than: Features News

add a line break at the end of the line eg <br /> to force a new line

[jont]

Excellant that worked a treat, but how do i change the colour of the text in the new box?

you can add another class to the actinic.css and specify accordingly eg:

.myBOXcolour td, tr {
color: red;
}

and in the above code use <table class="myBOXcolour" ..... >

You an also <span class="myBOXcolour">Isolated Text Changes</span> is you want to just format a certain part of the sentence.

If you are using hyperlinks you will need to also format the a:link, a:visited, a:hover and a:active attributes also

[silky]

Jont, you are a legend! thank you so much! one last thing though can i add a banner of a link to these boxes? i.e. Paypal payment images etc and other images to point the customer to that section?

[jont]

Yep - just use the standard image code eg:

<img src="paypal.gif" alt="PayPal logo" title="PayPal logo" />

[silky]

Hi, ok i tried coping the above code into Design|Options| and into the box i wanted the logo to appear in, but there is no logo! do i need to copy thins off the paypal site and where do i put it on the "site 1 " logo so that it gets found?

[jont]

You obvisouly need a copy of the logo on your hard disk (the root of the folder is the best place for it) and rename the image path accordingly to the name of the logo.

You can hot link direct to the image on the paypal site but that is considered bad practice and they could change the image location / name and you are left with nothing or they may have a server rewrite in place to prevent hot linking and replace the stolen image with a "stolen from Paypal" image ... or worse!