Image Titles Support Thread

gjh42:

You want to use not the filename, but the id of the actual sidebox. In this case, view source shows```

I tried that the first time, no luck, and I just tried again, and no luck again. Sorry I should have listed all the things I tried. I also tried newsletter, I tried changing capital letters, with boxhead, with out box head - with centerbox, I tried to go into the code where it says ID=$something- and put that in there, that didn't work, that is why I was thinking it might be in the code above.
I should say that I am changing the name on the server, instead of re-uploading a new file, that hasn't seemed to matter with anything else before, but I'm so new I'm not sure what is relevant and what isn't.
thanks again

Glenn, any ideas at all? I'm super stuck!

I downloaded the Newsletter Subscribe mod and looked at its files, but can't see anything in there that would cause the image title to not work. It seems to call the standard tpl_box_default_left/right.php.
I do think that you want subscribe.php and not subscribe_header.php for the sidebox application you are using.

"I do think that you want subscribe.php and not subscribe_header.php for the sidebox application you are using. "

I don't understand this. Should I change something somewhere? Sorry to be slow.

I think the subscribe_header.php you posted was irrelevant to the sidebox problem.

okay, sorry.

Any idea on how to use a image for the newsletter - I don't want it to look different, and I don't want to scrap the whole design...help please

It looks like you could edit /includes/languages/english/extra_definitions/your_template/newsletter_subscribe_definitions.php:php define('BOX_HEADING_SUBSCRIBE', 'Newsletter'); // sidebox title insert the image code here:```php
define('BOX_HEADING_SUBSCRIBE', '<img src="yourimagesource"/>'); // sidebox title

gjh42:

It looks like you could edit /includes/languages/english/extra_definitions/your_template/newsletter_subscribe_definitions.php:php define('BOX_HEADING_SUBSCRIBE', 'Newsletter'); // sidebox title insert the image code here:```php
define('BOX_HEADING_SUBSCRIBE', '<img src="yourimagesource"/>'); // sidebox title

thanks as always Glenn, it worked perfectly!

gjh42:

Image Titles and Categories Dressing will not interfere with each other and can be used at the same time.

I'm fairly sure that I have installed it correctly, but when I rename the file to my template, I'm not sure where to place the css - and it renders the site all wonky -

I have successfully installed images for my categories, and want to continue this style down the menu with the zen-cart ez page sidebox heading (Information, and an EZ page sidebox I created called client resources) It's these two area that I can't quite figure out how to replace with an image - is the mod something that will work for that, or is there an easier way around it?

What makes the most sense to me - and this is why I'm not a programmer - is if the Zen Cart developers could somehow give users options on how many sideboxes they want, what they want the header to say, and what they want in them. And not have to jump through the complicated hoops of creating EZ pages and searching through files to find the defines for changing the default heading.... sigh.

Back to reality - my site is
http://www.simplydelightfuldesigns.com/productsandservices

You can see at the very top of the list there is snippet that says products and services - which I realize is an h3 header - which I know I can display: none but doing that makes all of the h3 headers in the sideboxes go away - which I am ok with, but I am needing them now to know which boxes are called what....

I would like to have the following list of image headers -
*remove products & services
*custom designs (currently have)
*premade designs (currently have)
*other services (currently have)
*Need image for client resources (this is an ez page sidebox)
Need image for Simply Delightful Designs [home link] - this is the Information Sidebox, and I would also like to edit the links that are appearing here - use some, get rid of some, add some -

any help as to how to get images here would be greatly appreciated - I have tried to follow several tutorials and threads and have come up with nothing short of a disaster!

http://www.simplydelightfuldesigns.com/productsandservices

Thank you sooooooooooooooo much!
Jenny B.

You seem to have done some of this already. Image Titles will be your best bet for the sidebox headings. Just install it per the readme and save/upload your images with the right names. There are various techniques for the other locations where you want to use images.
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.

The next three are individual category headings you have already done.

You want the Information sidebox to have an image heading that says Simply Delightful Designs and points to home? The linking requires some code changes, though still pretty easy. The individual link images will probably need to be coded in the tpl_ file for the box, or possibly the module file. I'll have to check on that later. Some of the Information box links can be turned on/off in admin.

gjh42:

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!

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.

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:

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:

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?

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.com/productsandservices

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/index.php?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/showthread.php?p=803215#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:

THE INFORMATION SIDEBOX:

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

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.

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.

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!

scrapwithnikki:

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)

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

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.