I just took a few minutes to do this locally. I'm sure our files aren't the same so I'll post some code for you to reference.
In boxes.tpl.php in template folder find
Code:
class infoBoxHeading extends tableBox {
function infoBoxHeading($contents, $left_corner = true, $right_corner = true, $right_arrow = false, $css_suffix = '') {
$this->table_cellpadding = '0';
if ($right_arrow == true) {
$right_arrow = ' <a href="' . $right_arrow . '">' . tep_image(DIR_WS_IMAGES . 'infobox/arrow_right.gif', ICON_ARROW_RIGHT) . '</a>';
} else {
$right_arrow = '';
}
$info_box_contents = array();
$info_box_contents[] = array(array('params' => 'height="14" class="infoBoxHeadingLcorner' . $css_suffix .'"',
'text' => ' '),
array('params' => 'height="14" class="infoBoxHeading' . $css_suffix .'" nowrap',
'text' => $contents[0]['text'].$right_arrow),
array('params' => 'height="14" class="infoBoxHeadingRcorner' . $css_suffix .'"',
'text' => ' '));
$this->tableBox($info_box_contents, true);
}
}
Build a custom class for your link like this and insert it below the code listed above after the second bracket. Don't paste this code as it's written for my custom template - alter your code to look similar.
Code:
//Build Custom Class for Shopping Cart Link BOM
class infoBoxCustom extends tableBox {
function infoBoxCustom($contents, $left_corner = true, $right_corner = true, $right_arrow = false, $css_suffix = '') {
$this->table_cellpadding = '0';
if ($right_arrow == true) {
$right_arrow = ' <a href="' . $right_arrow . '">' . tep_image(DIR_WS_IMAGES . 'infobox/arrow_right.gif', ICON_ARROW_RIGHT) . '</a>';
} else {
$right_arrow = '';
}
$info_box_contents = array();
$info_box_contents[] = array(array('params' => 'height="14" class="infoBoxCustomLcorner' . $css_suffix .'"',
'text' => ' '),
array('params' => 'height="14" class="infoBoxCustom' . $css_suffix .'" nowrap',
'text' => '<a class="infoBoxCustom" href="' .tep_href_link(FILENAME_SHOPPING_CART) . '">'.$contents[0]['text']),
// 'text' => '<a href="' .$contents[0]['text']),
array('params' => 'height="14" class="infoBoxCustomRcorner' . $css_suffix .'"',
'text' => ' '));
$this->tableBox($info_box_contents, true);
}
}
//Build Custom Class for Shopping Cart Link EOM
I named the new class infoBoxCustom
Now in your template/boxes folder find shopping_cart.php find infoBoxHeading and change to infoBoxCustom
Upload both files (backup originals) and you're done. However you'll notice the link has inherited the link properties from the stylesheet. If that's a problem you'll need to make some custom entries into your stylesheet. Here is a sample:
Code:
.infoBoxCustom {
}
TD.infoBoxCustom, TD.infoBoxCustomCenter {
font-family: Helvetica;
font-size: 11px;
font-weight: bold;
color: #3B3B3B;
text-align: left;
padding-left: 15px;
}
TD.infoBoxCustomLeft, TD.infoBoxCustomRight, TD.infoBoxCustomSearch, TD.infoBoxCustomInformation {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #000066;
text-align: left;
padding-left: 15px;
}
TD.infoBoxCustomLcornerLeft, TD.infoBoxCustomLcornerRight {
background-image: url(images/az_leftbox1_top_l.gif);
background-repeat: no-repeat;
width: 9px;
height: 24px;
}
TD.infoBoxCustomLeft, TD.infoBoxCustomRight {
background-image: url(images/az_leftbox1_top_m.gif);
background-repeat: repeat-x;
height: 24px;
}
TD.infoBoxCustomRcornerLeft, TD.infoBoxCustomRcornerRight {
background-image: url(images/az_leftbox1_top_r.gif);
background-repeat: no-repeat;
width: 6px;
height: 24px;
}
a.infoBoxCustom:link {font-family: Tahoma; font-size: 11px; color: yellow; font-weight: bold; text-decoration: none;}
a.infoBoxCustom:visited {font-family: Tahoma; font-size: 11px; color: red; font-weight: bold; text-decoration: none;}
a.infoBoxCustom:hover {font-family: Tahoma; font-size: 11px; color: orange; font-weight: bold; text-decoration: underline;}
a.infoBoxCustom:active {font-family: Tahoma; font-size: 11px; color: purple; font-weight: bold;}
Yours will vary because we run different templates. You should be able to figure out the rest.
Best regards,