Creating new sidebox

[JayR]

I must have fried my brain and can't see anymore. How do I create a new (blank) sidebox in the left column? I want to put new links in there. Is it within files, the administrator access, or do I need download a mod for it?

[canopy]

There's a Blank Sidebox mod in the Free Software Add Ons area.

To create links in the blank sidebox, you can refer to the code from other default Zen Cart sideboxes.

[JayR]

Thank you so much! This is exactly what I needed.

[JayR]

One more question. To match the website design I need to put in the new sidebox several links, all contained in a table, each link in a separate row. The rows have the mouseover effect - done with css code - to change the bgr color. Here's an example of a code of one row:

<TD class=cell onmouseover="this.bgColor='#05A2C7'"
onmouseout="this.bgColor='#333333'" height=25
vAlign=center align=left>
<a href="http://www.website.com">Home</a> </TD>

Now, when I place this in the blank_sidebox_defines.php file I have a conflict of ( ' ) symbol. So when I put the above code I have ( ' ) symbol repeated again in this.bgColor='#333333'. Since this symbol supposed to open and close the whole html code, I create a conflict by using it again in the middle.

What is the way to include html code that has css commends with ( ' ) symbol and make it work?

[gjh42]

In some cases, you can avoid the overlapping quotes syndrome by using single ' and double " quotes for container and content. In this case, there are too many levels of quote nesting, and you will need to escape the quotes with a backslash, like this \' .

[JayR]

Thank you! This took care of it.

I have only one thing left in the new sidebox to match the rest of the website. It's the appearance/color of links. On the non-Zencart pages I have regulated it by css commend:

.websitenav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #CCCCCC;
text-decoration: none;
padding: 6px;
margin: 0px;
}
So I added the above to the stylesheet.css and then assigned A class=websitenav to each link. It took care of the font, its size, etc except the color of the links. They are still blue and red on hover. My intention is to have the both, link nad hover in #CCCCCC.

Could you please help me with this?

[stevesh]

You'll need to do something like:

.websitenav a {
color: #ff0000;
}

.websitenav a:hover {
color: #0000ff;
}

[gjh42]

Or if the links themselves have the class, just add



.websitenav:hover {
color: #cccccc;
}

[JayR]

Thank you guys for responding.

For some reason it doesn't work. I have a class asigned to the link and that class has also been added to stylsheet.css so it should work. However it seems like the default settings for links prevails. Please have a look at the left side column in grey and move cursor over the links to see what I mean: http://prodigicontrols.com/buy

Are there other elements in stylsheet that regulates the boxes in the left column that may do this? Maybe there is a way to do that with javascript embeded in html of my new box? I'm not any expert in all of this so I may sound a bit non-sensensical. My apology if that's the case. If this can be any help, here's html code of my links in the sidebox. It's in the blank_sidebox_defines.php file.

define('TEXT_BLANK_SIDEBOX', '<TABLE width="214" border=0 cellPadding=0 cellSpacing=0 bgcolor="#333333">
<TBODY><TR>
<TD height=25 vAlign=center align=left><img src="http://prodigicontrols.com/images/2x12.gif" width="2" height="32"></TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com">Home</A> </TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com/aquabox.htm">AquaBox Specifications </A></TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com/applications.htm">Applications</A></TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com/qa.htm">Q &amp; A</A></TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com/order.htm">Order Online</A></TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com/about.htm">About Us </A> </TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com/contact">Contact Us</A> </TD></TR>
<TR><TD bgColor=#cecece height=1></TD></TR>
</TBODY>
</TABLE>');

[gjh42]

You have

<A class=websitenav

and similar constructions throughout your code. All parameters like classname need to be in quotes:

<A class="websitenav"