Image Titles Support Thread

[SimplyDelightful]

If by "remove products & services" you mean the categories box heading, you can add to your stylesheet
#categoriesHeading {display: none;}
to hide just that one.

I will try that, thank you. After looking at some of this code for so long, I guess I start to think that something has to be difficult and forget it is as easy as that sometimes.

Yes, I had installed the categories dressing to give my categories a 'category' header. I then went to install the Images titles, and when I renamed the folder to my custom theme, it appeared as if the CSS went all whacky - colors and placements of everything was waaay wonky. Yes - wonky is a technical word... :-)

You want the Information sidebox to have an image heading that says Simply Delightful Designs and points to home?

no... however, this is what was appearing - I have since changed it back. For the information sidebox heading, I want an image that says 'about us' and for the client resources heading, and image that says client resources (images that are similar to the other three above them). No, they don't need to link anywhere - just an image. I had even thought about completely taking out all of the h2/h3 headers in the sidebox, which I know can be done with css, like you said earlier, but I don't know how to add in an image and make it appear first in the link list to even make it like a 'fake' heading. hope that makes sense?

Yes, as of today (11/10.09) I'm still at this - I feel pretty dense, having a website for designing websites and can't figure out how to add a couple of simple images!!! very frustrating.. anyway - thank you for your response. I'm going to give the title images mod another try - maybe I did not upload something right? When I figure it out, I will certainly post. Thanks!

[gjh42]

For the information sidebox heading, I want an image that says 'about us'

Then you just need to upload an image with the right name, and Image Titles will take care of it.

[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!

[integrity_designs]

I hope someone can help --

I am trying to change the Whos Online text in the sidebox to an image. I originally used the instructions HERE and was successful in changing everything except whos online.

So then I downloaded and installed the Image Titles and I am a bit confused about this part

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.

Ok so what exactly do you do with the box id - where exactly does it go?
Thanks!





http://scrapwithnikki.com/shoppe

I added my own section for who's online up near currencies and it seemed to work (in english.php)

[integrity_designs]

I can not get this to work for the PayPal Logo Verified Heading Image.
Can someone help me out please?
I don't know what I am doing wrong.

I done all the other heading images individually because I did not know about this mod at the time. Now I have this installed, and I can not get it to work, but at the same time I have no idea how to do the paypal on it's own either.

Thank-you in advance
Kind Regards

[gjh42]

What is the name of the image you are trying to use, and where do you have it saved?

It needs to be boxhead-paypallogo.gif, and saved in
/includes/templates/your_template/buttons/english/.

And I am working on an improved tutorial that describes the two better methods for heading image replacement, so hopefully the old tutorial can be replaced.