Hiding the sidebox heading fonts/links....

I can't seem to find what to change to hide the sidebox heading labels....(Search by category, search by manufacturer, shopping cart, login, featured items, etc.... )

I have separate images I would like to use for each of the different sidebox headings and I found this in the stylesheet which I'm assuming is what I should be looking at....

Quote:

---

h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {
font-size: 10px;
color: #ffffff;
}

---

BUT i can't figure out how to just hide the FONT. It hides the background color and everything else.............:wacko:

Unfortunately, CSS just can't do this by itself. It could do everything except stopping the text display. You will need some coding.

In /includes/templates/your_template/common/tpl_box_default_left.php, the whole core of the file is

PHP Code:

---

<!--// bof: <?php echo $box_id; ?> //-->
<div class="leftBoxContainer" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">
<h3 class="leftBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo $title; ?></h3>
<?php echo $content; ?>
</div>
<!--// eof: <?php echo $box_id; ?> //-->

---

Change the $title to
(file_exists(DIR_WS_TEMPLATE_IMAGES . 'boxhead-' . $box_id . '.gif') ? zen_image(DIR_WS_TEMPLATE_IMAGES . 'boxhead-' . $box_id . '.gif') : $title)

PHP Code:

---

<!--// bof: <?php echo $box_id; ?> //-->
<div class="leftBoxContainer" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">
<!--box header image  gjh42 2007-07-01-->
<h3 class="leftBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo (file_exists(DIR_WS_TEMPLATE_IMAGES . 'boxhead-' . $box_id . '.gif') ? zen_image(DIR_WS_TEMPLATE_IMAGES . 'boxhead-' . $box_id . '.gif') : $title); ?></h3>
<?php echo $content; ?>
</div>
<!--// eof: <?php echo $box_id; ?> //-->

---

Name images like boxhead-categories.gif and save in /your_template/images/. Look in view source to get the box id at the top of each sidebox output.

Repeat this process for tpl_box_default_right.php.

Note - it just occurred to me that this will remove the link that some headers have. There is an easy way to redo this to keep the link - I'll post as soon as I verify that it works.

Ok, tested...

In /includes/templates/your_template/common/tpl_box_default_left.php, leave the code shown above in its original state. Above it, see

PHP Code:

---

// choose box images based on box position
  if ($title_link) {
    $title = '<a href="' . zen_href_link($title_link) . '">' . $title . BOX_HEADING_LINKS . '</a>';
  }
// 


---

and replace this with

PHP Code:

---

//box header image if file exists  gjh42 2007-07-01
$title = (file_exists(DIR_WS_TEMPLATE_IMAGES . 'boxhead-' . $box_id . '.gif') ? zen_image(DIR_WS_TEMPLATE_IMAGES . 'boxhead-' . $box_id . '.gif') : $title);
if ($title_link) {
  if (file_exists(DIR_WS_TEMPLATE_IMAGES . 'boxhead-' . $box_id . '.gif')) {
    $title = '<a href="' . zen_href_link($title_link) . '">' . $title . '</a>';
  } else {
    $title = '<a href="' . zen_href_link($title_link) . '">' . $title . BOX_HEADING_LINKS . '</a>';
  }
}
// 


---

Name images like boxhead-categories.gif and save in /your_template/images/. Look in view source to get the box id at the top of each sidebox output.

Repeat this process for tpl_box_default_right.php.

AWESOME!!!!
I could figure out everything except how do not display the text.
I can even hide the manufacturers heading (label) and the linked headings via the css, just not the normal headings.

Thanks for your help! I would have never figured that out.!!!

ok so the only sideboxes I am still getting headings for are categories and my loginbox...

Can you post a link to your site?

http://eclecticaclothing.com
Just give me a sec to get if off of maintenance...

I really appreciate your help!!!!!

Looks like you have this pretty well in hand now... The Manufacturer heading is gone. Make up your "Shop" image for the categories header, and you should be good to go.

Did you double-check that you have the login header image named correctly?

BTW, nice looking site. It does seem that the categories navigation is not working. Is this true, or is there something else that needs to happen... nevermind, I bet you need javascript enabled for it to work. If that is the case, it wouldn't hurt to say that somewhere; or better yet, have alternate <noscript> functionality so customers can shop no matter what. That is even more important than having your cool js functions.

I did double check both the categories and login images and they are named correctly, just not showing up....