Image Titles Support Thread

[SimplyDelightful]

Hi Glenn,
Thank you for trying to help - I have managed to install the images for titles - after a little bit of a workaround - it was not letting me upload or change filenames that were already the same as the one's there - so I followed the template path and just created the folders and copied / pasted the contents - and I think I am finally on the right track. However, there is one part of the directions and the php code that is confusing me just a bit, because I am wanting multiple (different) images for each of my sidebox headings - I will paste the code and then hopefully you can clarify just a bit on what I need to do, and where:


I have added my images to "your_template"/buttons/"your_language"/ but I'm sure that it is in the tpl_box_default file that I'm not changing/adding the images correctly.

First in includes/templates/"your_template"/common/tpl_box_default_left.php >>>>>>

//image titles - box header image if file exists 2007-10-04
$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 have changed it like this:
//image titles - box header image if file exists 2007-10-04
$title = (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $informationHeading . 'aboutus.gif') ? zen_image(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/boxhead-' . $ezpagesHeading . 'clientresources.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>';
}
}
//

with no results?? I'm pretty sure that I'm not doing something right, and I'm not sure what to try next.
I want to completely remove the word categories up at the top - which I know I can do with display: none in the css. If you go further down, I want an image called clientresources.gif to replace the sidebox heading client resources, which according the the page source is this:

<div class="leftBoxContainer" id="ezpages" style="width: 250px">
<h3 class="leftBoxHeading" id="ezpagesHeading">Client Resources</h3>
<div id="ezpagesContent" class="sideBoxContent">

so would the id be ezpages or ezpagesHeading - I've tried both and neither does anything?

and I want the image aboutus.gif to replace the information sidebox heading - which the corresponding page source for the information box is this:
<!--// bof: information //-->
<div class="leftBoxContainer" id="information" style="width: 250px">
<h3 class="leftBoxHeading" id="informationHeading">Information</h3>
<div id="informationContent" class="sideBoxContent">


Can you help me with the code and tell me where exactly to add the images and the box id's or if I'm looking at the right place?

[SimplyDelightful]

I HAVE GOTTEN THIS TO WORK!!!!! After reading through the posts I discovered that I did not need to change the code in the tpl_box_default_left.php file.

-------------------------------

Pardon my bluntness - but I would suggest dumbing down the directions in the read me files, or making it a little more clear for the clueless kindergarten level coders out there like me, that we don't need to change the default_left or _right.php file - and to make it clear that when you upload your images that they need to start with boxhead....

----------------------------------

Ok, so I wanted to replace my sidebox title headings with images - I needed step by step directions, and still have not found them, so I'll post what worked for me......

I wanted different images for categories, and the sidebox headings, and had some ezpage headings that I wanted image headings instead of the text - you can see them on my site:

http://www.simplydelightfuldesigns.c...ctsandservices

You will see my menu on the left side. The sidebox image headers are now:
CUSTOM DESIGNS - used categories dressing
PREMADE DESIGNS - used categories dressing
OTHER SERVICES - used categories dressing
CLIENT RESOURCES - used Images as titles
ABOUT US - used Images as titles

------------------------
First - I used
https://www.zen-cart.com/tutorials/i...hp?article=134
to remove the word Categories that was appearing at the top of the Categories Sidebox - it had been suggested previously to add display: none to the css to categoriesHeading - but a very thorough search did not find that, so I just removed the text and left blank '' marks in the file found in the tutorial above.
--------------------------
Second - I downloaded Categories Dressing. I host with HostGator, and have cpanel, and I was not very familiar with even how to FTP files, so I uploaded the entire zip file to the root of my store, unzipped in the cpanel, and then changed files from there - I posted here on my own process of getting categories dressing to work -

http://www.zen-cart.com/forum/showth...215#post803215

It took a while to figure out how to make just MY image appear - so I will put the code here that I used that worked for me:

right under this:
define ('CAT_BOX_HEADING_#','group|0=nodivider/class|[imgname]|[imgalt][|headcontent|headclass][|headcontent|headclass]...');

I put this:
define ('CAT_BOX_HEADING_1','1|0|customdesigns.png|Custom Designs');

define ('CAT_BOX_HEADING_9','1|0|premadedesigns.png|Premade Designs');

define ('CAT_BOX_HEADING_17','1|0|otherservices.png|Other Services');

you can see where my three .png images are in bold.

These images are located in:
/includes/templates/"your_template"/images/
and
/includes/templates/"your_template"/buttons/english/ --------------------

I also wanted to replace the text heading for the Information sidebox and I had created an EZPages sidebox, with the heading Client Resources, and found out that I needed to use Images as Titles, but had a HECK of a time with hostgator's cpanel in uploading files that were of a duplicate name - so I worked around this by opening the zip folder of Images as Titles side by side of my cpanel - I follwed the path and created the folders and files by copying and pasting right inside of my cpanel.....

However, what I was not understanding was how to save my images and I realized through this forum, that if you name your images in a certain way that it works. YOU DO NOT NEED TO CHANGE ANY FILES TO MAKE IT WORK!!!

Ok, so first - to make Images for Titles work, after I had all of the folders/files in the right place - I was confused by the readme instructions where it said:

Name your header title images like boxhead-categories.gif and save in

/your_template/buttons/your_language/. Look in view source to get the box id at the top of each sidebox output.

I wanted to change two sidebox images - information and the ezpages - my source code for each:

THE EZPAGE SIDEBOX:
<div class="leftBoxContainer" id="ezpages" style="width: 250px">
<h3 class="leftBoxHeading" id="ezpagesHeading">

THE INFORMATION SIDEBOX:
<div class="leftBoxContainer" id="information" style="width: 250px">
<h3 class="leftBoxHeading" id="informationHeading"><img src="includes/templates/classic/buttons/english/boxhead-information.gif" alt="" width="200" height="55" /></h3>

<div id="informationContent" class="sideBoxContent">

The ID that you will need for each is either ezpages or information

so I saved my images like this:

boxhead-ezpages.gif
and
boxhhead-information.gif

in this path:
root/includes/templates/"yourtemplate"/buttons/english

*I don't know if it needs to be a gif file or not, but this is what worked for me. So I would guess if you want an image to replace the word categories for the categories header - then you would need to save your image as
boxhead-categories.gif

I had previously tried to alter the tpl_box_default_left.php file, but found out through this forum, that if you save your images the right way that it will work automatically.

I hope this saves someone else some time. Glenn, you are probably laughing at me! Yes, simple enough, but I'm telling ya... if it is not spelled out for me like a first grader - I won't get it! Thank you for making a great mod - I'm glad I could figure all of this out!!!

Jenny
---------------
simplydelightfuldesigns.com

[gjh42]

You need to put the code back exactly the way it was - the changes you show will destroy its functionality.
For the ezpages sidebox, the id is <div class="leftBoxContainer" id="ezpages"
so you need to rename your clientresources.gif to boxhead-ezpages.gif. Rename aboutus.gif to boxhead-information.gif.

tpl_box_default_left.php operates on each sidebox in turn, and will look for the boxhead- file that matches the sidebox it is currently processing.

[gjh42]

I see you got it while I was composing:)
My older mods' readme files gave more information than needed to just install them; I have streamlined these as I have updated them as well as making installation actually easier in some cases. I have also add bold notes about all the things people frequently get wrong or ask about. I will take a look at Image Titles when I get through the ones I am currently working on.

The directions do say "Name your header title images like boxhead-categories.gif", but perhaps it needs to be more explicit that they need to be gif files. That is also something I have been doing with mods: adding an easy tool to change the filetype to what the end user wants.

[SimplyDelightful]

Thanks so much for responding - I don't think that it is all that hard to figure out - for me, it had been hours of looking at it all wrong all day - one of those if it was a snake it would have bitten me kind of things - where I had stared at code for so long, that everything just sorta blended together! It is working well now though - thank you sooo much for your help, and to make all of this possible - I mean really.... were it not for you creating this - none of what I am doing would be possible, so truly... thank you! God has truly given you an amazing gift to be able to understand that much technical code!