Image Titles Support Thread

[gjh42]

You can use a different image for each language; the code automatically uses the image that matches the current language in the shop. When the customer has selected Italian, the code will look for a file in /includes/templates/your_template/buttons/italian/.

To find the name of any sidebox, you can do a view source and look at the HTML that is being output. For Categories, look for the set of category links in the code, and note at the top of that list:
<div id="categories">

The id stays the same no matter the language in use, so you would use the same filename for images in any language. They should be saved in the appropriate language folder in /buttons/.

[giuly]

sorry but also for the image that goes I don't understand.

If i view the code of page it looks
<div class="leftBoxContainer" id="categories" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriesHeading"><img src="includes/templates/sugar/buttons/english/boxhead-categories.gif" alt="" width="100" height="20" /></h3>
<div id="categoriesContent" class="sideBoxContent">
<hr id="catBoxDivider" />
i have insert copying by you
boxhead-categories.gif but where I saw that I have to insert boxhead before image.gif?

thank you for patience

[gjh42]

You have boxhead-categories.gif saved in
includes/templates/sugar/buttons/english/boxhead-categories.gif, but not in includes/templates/sugar/buttons/italian/boxhead-categories.gif.

If you want the same image for both languages, just copy the file into the other language's /buttons/language/ folder.

If you want different images for each language, save each one with the same name, but in the correct language folder.

[giuly]

sorry, i didn't understand before.
So it is alwaysthe word BOXHEAD and the id of box?

It was if is always word boxhead.

Thank you very much

[gjh42]

That is correct: boxhead-boxid.gif.

boxhead-categories.gif,boxhead-search.gif, boxhead-manufacturers.gif...

[RilKen27]

Let me see if I understand this correctly...

This is the code in the tpl_box_default_left.php
$title = (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $box_id . '.gif') ? zen_image(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $box_id . '.gif') : $title);
if ($title_link) {
if (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/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>';
}


I viewed my source and this is what I found.
<td id="navColumnOne" class="columnLeft" style="width: 150px">
<div id="navColumnOneWrapper" style="width: 150px"><!--// bof: categories //-->
<table width="150px" border="0" cellspacing="0" cellpadding="0" class="leftbox" id="categories-table">
<tr class="leftboxheading" id="categories-heading-tr">
<!-- Sidebox Header -->
<td colspan="3" width="100%" class="leftboxheading" id="categories-heading-td">Products</td>
</tr>
<tr>

In a previous post I read
Change $title, '/boxhead-' and $box_id to fit the conditions. But that’s where I get confused. Is this even close to being right? I'm not sure what '/boxhead-' refers to.

$categories = (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $categories-heading-tr. 'boxhead-categories.gif') ? zen_image(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $categories-heading-tr. 'boxhead-categories.gif') : $categories);
if ($categories_link) {
if (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $ categories-heading-tr. ' boxhead-categories.gif ')) {
$categories = '<a href="' . zen_href_link($categories_link) . '">' . $categories . '</a>';
} else {
$categories = '<a href="' . zen_href_link($categories_link) . '">' . $categories . BOX_HEADING_LINKS . '</a>';
}

Or am I so far off that you are chuckling at my attempt to make these edits. :)

[RilKen27]

$categories = (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $categories-heading-tr. 'boxhead-categories.gif') ? zen_image(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $categories-heading-tr. 'boxhead-categories.gif') : $categories);
if ($categories_link) {
if (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $ categories-heading-tr. ' boxhead-categories.gif ')) {
$categories = '<a href="' . zen_href_link($categories_link) . '">' . $categories . '</a>';
} else {
$categories = '<a href="' . zen_href_link($categories_link) . '">' . $categories . BOX_HEADING_LINKS . '</a>';
}

Is this code even close to being correct? If not, can someone assist me with the correct edits? Thanks!

[gjh42]

You shouldn't need to edit tpl_categories.php to get Image Titles to work on the categories sidebox. Have you installed the mod files and created and named the image?

<table width="150px" border="0" cellspacing="0" cellpadding="0" class="leftbox" id="categories-table">

This indicates that you are using a very old version of Zen Cart (v1.2.x?), as v1.3.x doesn't use tables for most layout. It might also be a very old categories sidebox mod.
I haven't tested Image Titles on v1.2 and don't know if it will work correctly. You really should upgrade if this is the case.