Hiding the sidebox heading fonts/links....

I see they are showing correctly now. What worked to make them appear?

It just occurred to me that your "shop by manufacturer" function is already there, and you only need the text changed. This can be easily fixed by searching in the Developers Toolkit for "Please Select", or better still "define Please Select".
THis should show you the language file where that text is defined, and you can edit that to read as you wish. You might check that it is not a universal constant that is used elsewhere; if so, it will be trickier to separate out.

well, the categories image needed to be name boxhead-chcategories.... =)
I will try looking for that "please select" again, hopefully i can find the right one!

I noticed that chcategories in your view source, but assumed you had accounted for it... oh well :)

Happy hunting for selects!

A fix just occurred to me for a minor bug with this if there is a mix of images and non-images. If there is any padding for the text header, it will also be applied to the image header, which will generally not be desirable.
Add this to your stylesheet if this is an issue:

Code:

---

h3.leftBoxHeading a img, h3.leftBoxHeading label img, h3.rightBoxHeading a img, h3.rightBoxHeading label img {
    margin: -.5em -.5em;
}

---

Adjust to equal and cancel out the padding total on the text headers.

Note: I have not tested this. If anyone tries it, please post with your results (and a link to see), and I will tweak if necessary.

Doesn't work for me...

Here's what I did:

Step one,

In /includes/templates/my_template/common/tpl_box_default_left.php, change from this

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>';
  }
// 


---

to this

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>';
  }
}
// 


---

Step two,

Save image in here /my_template/images/boxhead-categories.gif

Step three,

In stylesheet,

Code:

---

#manufacturerHeading {
  background-image: url("../images/boxhead-categories.gif");
}

---

Is there something I missed? :unsure:

Quote:

---

Originally Posted by miles

Doesn't work for me...

Here's what I did:

Step one,

In /includes/templates/my_template/common/tpl_box_default_left.php, change from this

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>';
  }
// 


---

to this

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>';
  }
}
// 


---

Step two,

Save image in here /my_template/images/boxhead-categories.gif

Step three,

In stylesheet,

Code:

---

#manufacturerHeading {
  background-image: url("../images/boxhead-categories.gif");
}

---

Is there something I missed? :unsure:

---

are you using your left sideboxes or is everything on the right?
If you are only using sideboxes on the right side you need to
edit includes/templates/my_template/common/tpl_box_default_right.php
instead of /tpl_box_default_left.php....or edit both if you are using sideboxes on both sides.....

Thanks for the reply,

Actually I'm only using the left sidebox. So, I've made changes only to the tpl_box_default_left.php.

Do all the steps I'd made are the the right way to do?

Three points:

1) This method makes the image the "title", and it will be displayed without any addition to the stylesheet - you do not want to also make it the background.

2) url("../images/boxhead-categories.gif");
The quotes "" are not needed for this format; you can just use url(../images/boxhead-categories.gif);
I don't know if the quotes will cause a problem.

3) There is now a packaged copy of this mod in Downloads (Image Titles), modified to increase functions and be compatible with multiple languages. It requires no editing aside from uploading the files and image files to the correct locations.

I just gave (Image Titles) mod a try, but it only changed the 'categories sidebox' header. What I need is to change the left 'manufacturer sidebox' header from text to image.

Can you help me on this? A step-by-step would be great...

Thanks for the help.

When you uploaded the Image Titles files, did you overwrite the first custom copy of tpl_box_default_left.php? If not, you don't have a fully functioning version, which would explain only the categories swap if that was the only one you tried the first time.

If you did, there is nothing else you need to do beside load your boxhead-manufacturers.gif into /includes/templates/your_template/buttons/english/. You do need to be sure of the box name so that you name the gif properly.