Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Navigational Breadcrumbs


remmeer

Recommended Posts

Hopefully, this is the right section to post this question.

 

How can I modify the navigational breadcrumbs that appear in the header from this

 

Top >> Catalog >> category1 >> subcategory >> etc.

 

to this:

 

Home >> category1 >> subcategory >> etc.

 

I want to remove "Top" and change the name of "Catalog" to "Home."

 

Thank you.

Link to comment
Share on other sites

In catalog/includes/application_top.php comment out

$breadcrumb->add(HEADER_TITLE_TOP, HTTP_SERVER);

And to change catalog to home in catalog/includes/languages/english.php

define('HEADER_TITLE_CATALOG', 'Catalog');

 

HTH

The_Bear

Link to comment
Share on other sites

Thanks! I too found this post helpful :)

 

If I could ask another question here as well... I can't seem to make the text here bold again like the default was set. I have STS installed if that is of any help!

 

Thanks Again!

Liz

Link to comment
Share on other sites

Yep I have tried there already. Font size has not changed either. Here is my css code:

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

color: #ffffff;

line-height: 16px

background-image: url('images/bg1.jpg');

}

Link to comment
Share on other sites

You were missing a semi-colon on your line-height. This will cause the class to end prematurely.

 

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

color: #ffffff;

line-height: 16px;

background-image: url('images/bg1.jpg');

}

I'd rather be flying!

Link to comment
Share on other sites

I fixed the css with semi colons... was missing 2 others as well. However, it still didn't fix my problem. My site is www.MysticBluesGifts.com. Here is my entire css code:

 

/*

$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }

.errorBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #70d250; font-weight: bold; text-decoration: none; }

 

BODY {

background: #ffffff;

color: #000000;

margin: 0px;

}

 

A {

color: #0541A5;

font-weight: bold;

text-decoration: none;

}

 

A:hover {

color: #0000FF;

text-decoration: none;

}

 

FORM {

display: inline;

}

 

TR.header {

background: #ffffff;

}

 

TR.headerNavigation {

background: #0541A5;

background-image: url('images/bg1.jpg');

}

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

color: #ffffff;

line-height: 16px;

background-image: url('images/bg1.jpg');

}

 

A.headerNavigation {

color: #FFFFFF;

}

 

A.headerNavigation:hover {

color: #99CCFF;

}

 

TR.headerError {

background: #ff0000;

}

 

TD.headerError {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight: bold;

text-align: center;

}

 

TR.headerInfo {

background: #00ff00;

}

 

TD.headerInfo {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #00ff00;

color: #ffffff;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #0541A5;

}

 

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #ffffff;

font-weight: bold;

background: #0541A5;

background-image: url('images/bg1.jpg');

line-height: 16px;

}

 

.infoBox {

background: #b6b7cb;

}

 

.infoBoxContents {

background: #f8f8f9;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #FFE6E6;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

}

 

TD.infoBoxHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

color: #ffffff;

background: #0541A5;

background-image: url('images/infobox/corner_right_left.gif');

line-height: 14px;

}

 

TD.infoBox, SPAN.infoBox {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

}

 

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

background: #f8f8f9;

}

 

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

background: #f8f8f9;

}

 

TABLE.productListing {

border: 1px;

border-style: solid;

border-color: #b6b7cb;

border-spacing: 1px;

}

 

.productListing-heading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #b6b7cb;

color: #FFFFFF;

font-weight: bold;

}

 

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

A.pageResults {

color: #0000FF;

}

 

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

 

TD.pageHeading, DIV.pageHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 20px;

font-weight: bold;

color: #9a9a9a;

}

 

TR.subBar {

background: #f4f7fd;

}

 

TD.subBar {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000000;

font-weight: bold;

}

 

TD.main, P.main {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

}

 

TD.smallText, SPAN.smallText, P.smallText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

TD.accountCategory {

font-family: Verdana, Arial, sans-serif;

font-size: 13px;

color: #aabbdd;

}

 

TD.fieldKey {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

TD.fieldValue {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

}

 

TD.tableHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

SPAN.newItemInCart {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #ff0000;

}

 

CHECKBOX, INPUT, RADIO, SELECT {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

 

TEXTAREA {

width: 100%;

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

 

SPAN.greetUser {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

color: #f0a480;

font-weight: bold;

}

 

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

 

TD.formAreaTitle {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

SPAN.markProductOutOfStock {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

 

SPAN.productSpecialPrice {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

 

SPAN.errorText {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

 

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

 

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

 

/* message box */

 

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

 

/* input requirement */

 

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

Link to comment
Share on other sites

In looking at MysticBluesGifts.com I see there is no style for your breacrumbs table column. It is just plain <td>. The code should be

 

<td class="headerNavigation">  <?php echo $breadcrumb->trail(' » '); ?></td>

Check this in your catalog/includes/header.php

I'd rather be flying!

Link to comment
Share on other sites

The code from my page:

 

<td class="headerNavigation"><?php echo $breadcrumb->trail(' » '); ?></td>

 

The code you copied from my page:

 

<td class="headerNavigation">  <?php echo $breadcrumb->trail(' » '); ?></td>

 

 

Can you please type the code exactly as it should be. I really suck at this :(

 

Thanks,

Liz

Link to comment
Share on other sites

It must be something in STS then. Because here is what the output looks like when I go to your page and view the source:

 

<td>
<p style="margin-left: 10">
<b>
<font size="1" face="Arial, Helvetica, sans-serif" color="#FFFFFF">
<a href="http://www.mysticbluesgifts.com/index.php?osCsid=0b2793dff6f1d6e6845a0bdf4d824d4f" class="headerNavigation">Home</a>
</font>
</b>
</td>

<td>
<div align="right">
<p style="margin-right: 10">
<b>
<font size="1" face="Arial, Helvetica, sans-serif" color="#FFFFFF">
<a href=http://www.mysticbluesgifts.com/account.php?osCsid=0b2793dff6f1d6e6845a0bdf4d824d4f class="headerNavigation">My Account</a> 
| <a href=http://www.mysticbluesgifts.com/shopping_cart.php?osCsid=0b2793dff6f1d6e6845a0bdf4d824d4f class="headerNavigation">Cart Contents</a> 
| <a href=http://www.mysticbluesgifts.com/checkout_shipping.php?osCsid=0b2793dff6f1d6e6845a0bdf4d824d4f class="headerNavigation">Checkout</a>
</font>
</b>
</div>
</td>

 

It is removing the headerNavigation style from the <td> tags. I've never used STS, so maybe it is intended to remove the styles. :blink:

I'd rather be flying!

Link to comment
Share on other sites

I think your problem is in the sts_template.html file

 

you need to add

 

class="headerNavigation"

 

to the area:

 

<tr class="headerNavigation">
   <td><font size="1" face="Arial, Helvetica, sans-serif">$breadcrumbs</font></td>
   <td><div align="right"><font size="1" face="Arial, Helvetica, sans-serif">$myaccountlogoff
       | $cartcontents | $checkout</font></div></td>
</tr>

 

so it look like this :

 

<tr class="headerNavigation">
   <td class="headerNavigation"><font size="1" face="Arial, Helvetica, sans-serif">$breadcrumbs</font></td>
   <td class="headerNavigation"><div align="right"><font size="1" face="Arial, Helvetica, sans-serif">$myaccountlogoff
       | $cartcontents | $checkout</font></div></td>
 </tr>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...