Add "view Cart" To Category Bar At Top Of Page

[Guest]

I'm working on a custom theme based on Killer and incorporating as closely as possible the look of an existing design for the site.

Existing design: http://www.2fishweb.com/test/

Custom template so far: http://www.2fishweb.com/cubecart/

The client wants to get rid of the View Basket box on the left and add it as a tab on the top menu, as on the existing design page. I have found the categories.tpl page and see where the menu is being generated, but how do I add an item to the list without making "View Basket" a category?

[Guest]

Separate question, but I don't want to clog up the forum with too many threads:

How do I set up a rollover for the menu tabs? She wants them to turn pink when hovered, as on the original design page.

[Guest]

Open up boxes/categories.tpl and add the link there, similar to how the "home" link is added. You can add it at the end or at the beginning.

Jen

To get the roll-overs, just copy and paste the css code from the main site to one of the stylesheets and add the styles to the links in the boxes/categories.tpl file.

Jen

[Guest]

Code from main site to use for roll-overs:

 <ul id="nav">

<li>

<a href="./">

<span>Home</span>

</a>

</li>

I think this is the css from main site that the roll-overs use:

#nav {

float:left;

font-family:Arial,helvetica,Sans-Serif;

line-height:normal;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0pt 0pt 0pt -20px;

position:relative;

width:780px;

}

#nav li {

float:left;

margin:0pt;

padding:0pt;

}

#nav a, #nav a:active, #nav a:visited {

background:transparent url(images/ftleft.jpg) no-repeat scroll left top;

float:left;

margin:0pt;

padding:0pt 0pt 0pt 6px;

text-decoration:none;

}

#nav a span {

background:transparent url(images/ftright.jpg) no-repeat scroll right top;

color:#FFFFFF;

display:block;

float:left;

padding:5px 8px 4px 6px;

}

#nav a:hover {

background:transparent url(images/ftleft-on.jpg) no-repeat scroll left top;

color:#55A66F;

display:block;

float:left;

padding:0pt 0pt 0pt 6px;

}

#nav a:hover span {

background:transparent url(images/ftright-on.jpg) no-repeat scroll right top;

color:#000000;

display:block;

float:left;

padding:5px 8px 4px 6px;

}

[Guest]

try this and see how it works, for categories.tpl

<!-- BEGIN: categories -->

<div class="topCats">

	   <ul id="nav">



<li><a href="index.php" class="txtCat"><span>{LANG_HOME}</span></a></li>

 

				<!-- BEGIN: li -->

					<li><a href="index.php?act=viewCat&catId={DATA.cat_id}" class="txtCat"><span>{DATA.cat_name}</span></a></li>

				<!-- END: li -->

				<li><a href="cart.php?act=cart" class="txtCat"><span>View Cart</span></a></li>

</ul>

</div>

<!-- END: categories -->

Jen

[Guest]

Ha! "View Cart" now shows up as intended. Thank you so much, Jen!

Off to check on the rollover thing now.

[Guest]

No prob, remember to add the css to one of the stylesheets and adjust the urls to the roll-over images . . . should work just fine.

Jen