SMART Theme in Actinic

[mac]

I want to use the Smart Theme that is provided by Actinic under :"Design" "Themes".
As shown in the attachment, on the right side, I have Manufacturers and Products listed on the "Store Sections".
I like to be able to have the "Manufacturers" on the left side and move the "Products" to the right side of the site.
I want to Delete the box on the right that says "RIGHT TITLE" and replace it with my "PRODUCTS".
Please advise.

[Sheila]

You should be able to change the name under advanced, Custom properties.

You'll see the right bar details there.

[mac]

Smart Theme

I want the MANUFACTURER be in the left side and the PRODUCTS be on the left side.
I want to be able to:
When I add a new manufacturer, the program automatically put in on the RIGHT side and when I add a PROCUCT, the program automatically put it on the left hand side.
Is that possible? Please tell me step by step how to do this. See attached as to what I want it to look like.

I dont understand your response. Thanks. Please clarify.

[mac]

Themes Layout

can this be done?

[Sheila]

Hi Matt

Sorry for the late response. I mis-understood your request. I thought you wanted to change the titles and wording of the boxes. Unfortuantely I do not know how to move it but I can only suggest that you try and look for what you need in one of the templates if you can. Sorry!!

[NormanRouxel]

What you want can't be easily done as you expect.

The box on the left STORE SECTIONS contains all your sections. You've just chosen to call one top-level one "Manufacturer" and the other "Products". I guess that you then are duplicating your products under both these sections.

This list is generated by JavaScript. If you have only 2 top-level sections then perhaps you can amend the JavaScript to create 2 separate lists instead.

I'm not going to do the whole thing for you but here's how I'd go about it.

The following replaces the single section list with two lists. One for the sub-sections of the first section and the other for the sub-sections of the second.

Look in Act_Primary.html for the fragment

<script language=Javascript1.2>
 document.write(YahooSections(section_tree)) 
</script>

This lays out the entire section tree.

However if you change it to

<script language=Javascript1.2>
 document.write(YahooSections(section_tree[1].pChild)) 
</script>

then that will produce a list of manufacturers instead.

and (you'd place this on the right hand column in your template)

<script language=Javascript1.2>
 document.write(YahooSections(section_tree[2].pChild)) 
</script>

will produce a separate list of Products.

These will probably produce 2-level lists on each side which may be more than you want. If you want to restrict these to just single-level lists then replace the routine

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function YahooSections(ar)
{
var strIDs = '';
for (var i=1;i<=ar.length;i++)
  {
  if (ar[i].sURL != null)
    {
    strIDs += '<a href="' + ar[i].sURL + '"><span class="actxxsmall"><b><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].sName + '</font></b></span></a><br>';
      {
      if (ar[i].pChild)
        {
        for (var j=1;j<=ar[i].pChild.length;j++)
          {
          if (ar[i].pChild[j].sURL != null)
            {
            strIDs += '<a href="' + ar[i].pChild[j].sURL + '"><span class="actxxsmall"><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].pChild[j].sName + '</font></span></a><br>';
            }
          }
        }
      }
    strIDs += '<br>'
    }
  }
return strIDs
}
//-->
</SCRIPT>

with the considerably simplified

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function YahooSections(ar)
{
var strIDs = '';
for (var i=1;i<=ar.length;i++)
  {
  if (ar[i].sURL != null)
    {
    strIDs += '<a href="' + ar[i].sURL + '"><span class="actxxsmall"><b><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].sName + '</font></b></span></a><br>';
    }
  }
return strIDs
}
//-->
</SCRIPT>

Good luck.

[mac]

Thanks so much Norman. It worked. You are the GREATEST.
Now I want to see how I can make them a different color (highlight) when I go over it with my mouse.
I do not want to put BUTTONS.
see attached for what i like it to look like.
For example in http://pegasusassociates.com/index.html you can see that when I go over the products, they HIGHLIGHT.
Also, http://www.surveillance-video.com/ looks good.
Thanks

[pinbrook]

if you want to change the colours of the links, please edit actinic.css

there are plenty of CSS tutorials on the net to help you learn how to do this.

you may finf it useful to download the developers design guide for the Actinic site

[NormanRouxel]

In the YahooSections function you'll see the fragment

<span class="actxxsmall">

change this to refer to your customised CSS

[mac]

Norman, Thanks for helping me with this.
I have tried doing what you indicated, but I dont know how exactly it works.
Can you give me a simple example of a "customized CSS" and how to implement it into my Act Primry?
What should I use instead of <span class="actxxsmall">?

[fleetwood]

Hi mac

Norman is an exteremely generous contributor to these boards.
However, you really should be prepared to do a little bit of reading yourself if you wish to redesign your templates.
It takes time, but you will find it ultimately more rewarding.
Actinic provides access to a wealth of guides at various levels of complexity (as Jo says above, the developers guide will answer many of your designs questions).

Happy New Year to All

Martin

[pinbrook]

I think the question is do you give a starving man a fish supper, or do you give him a fishing boat.

[NormanRouxel]

Or point him in the direction of the library where he'll find plans and tutorials.

[mac]

come on guys. You have helped me so far, just give me an example, so that I finish this.
I have read all, and still no success.
PLEASEEEEEEEEEEE

[NormanRouxel]

Sorry, I'm completely unresponsive to demands. Especially when I've done a lot providing a unique solution and am then expected to answer anything else that poster wants.