Image Titles Support Thread

Thanks for that,
I know I have go the mod installed but have a sneaking suspicion the current images are a hangover from the template that I've modified.

Cheers,

Maxy

Are those images what you want the headers to look like? Then you need to find their current names and locations, and copy or move them to the correct new names and location.
Some of them may work well enough over top of the existing template, while some may need the template code reversed in order for the mod code to work. If sidebox files have only title code modified from the stock version, you can just delete those template files and the /template_default/ versions will take over, and the IT code will work on them.

Thanks for your help Glenn,
I really appreciate your help.

I'll have another look at it later. I think I've read too much and now my brain is mush :shocking: need to take a break i think :)

Cheers,

maxy

Hi Glen,
I have no idea what's going on with my site.

I changed web hosts and my site was down for a while. Now it's back up I had to fix up the images for titles as they were still all background images.

Now on some of the headings I've got an image for titles heading AND a background heading. How do i get rid of the background headings?

I have named all images boxhead-cat, boxhead-search etc.

I want all of the sideboxes to use the images for titles mod.

There's also a huge gap between the good to know heading and the e-juice link. How do I change that so e-juice is directly under the heading like the products are under the categories heading?

Also with the good to know heading when I put my mouse over it, alt text is displayed. I don't know what I did with that one but not the others.

There is one reference to goodtoknow.gif and that's in my template_default folder
The stylesheet_headings file has the following info for the good to know heading

#goodtoknowHeading {
background:#9966ff;
color:transparent;
background-image: url(../images/goodtoknowhead.gif);
background-repeat:no-repeat;
background-position:top;
padding-top: 40px;
}

But for all others they are all boxhead-cat etc.

Thanks for reading Glen!!

Cheers,

Maxy

You have a background image specified for the goodtoknow heading, so of course you are seeing a background image. Remove those from your stylesheet.
The alt text is for accessibility, so that anyone using your site without images (e.g. a visually impaired person) can still know what the heading is for. This is a standard recommendation for all images used on websites, especially navigation images.

ok so how do I get rid of the other ones?

Yayyy!!! I did it!!
I had images in both the images and buttons template!!!

Got rid of them and now I've only of each heading. Still got a formatting problem but will post in the general forum.

Thanks Glen!!

All but the goodtoknow are still background-images, not Images for Titles images, because you still have background-images specified in your stylesheet(s). Also, if you have a file named boxhead-cat.gif, it will not apply to the sidebox id categories; you need to name it boxhead-categories.gif.

But if you are happy with your headings now, that's ok.

The extra space is a combination of the fact that the heading image has about 10-15 pixels of plain purple below the banner, and the default browser setting that puts a 5px or so margin above and below the <p> that wraps the link in the content.

Which stylesheet. when there was 2 of each I checked the view source on the page and saw that 2 files had exactly the same names but one was in the button folder. It said that was an image and the other one was in the images folder and that was a background. So I changed the stylesheet to point to buttons instead of images.

should I have left it pointed to buttons? I'm talking about the stylesheet_headings.php file.

told you I was dense!!! :laugh:

If you are using IT headings, you don't want any images called in the stylesheets at all. They will be <img> images directly in the HTML. The image files do need to have the correct names - code is picky about things like that: it does what you tell it to do, not what you meant.

Hi, I have this mod installed and it looks to be working great as I have tested it out with a product name. Although I'm having trouble including it on the pages I really need it implemented on. I was hoping someone could give me a push in the right direction? I've tried using title_image_exists($text_to_replace, $image_file_name, $extension_if_different) as suggested but I don't think I'm editing it properly.

I'm looking to use it as titles for my categories:
http://www.a cidf ree.co.uk/catalog/index.php?main_page=index&cPath=3

and also on some defined pages:
http://www.a cidf ree.co.uk/catalog/index.php?main_page=page_3

Thanks in advance!

Sorry, just moved my site and turned on maintenance so those links won't work. But you get the idea, eh?

Hi, I am having a little issue with internet explorer. I manually added an image in my right sidebox (testimonials) to replace the title. Then changed my mind and tried to revert back to text title. Since then the image is not showing, neither is the text but I now have an empty image box where the image once was. Firefox seems to handle the error by simply not displaying it, where as IE and safari show the empty box.
Any help is much appreciated. my domain is https://www.shabbylane.co.uk
Posted via Mobile Device

I manually added an image in my right sidebox (testimonials) to replace the title.Do you mean by putting an image named boxhead-testimonials.gif in /includes/templates/your_template/buttons/english/?

What is the image name? How did you "try to revert back to text title"? Simply deleting or renaming the image would do it.

I see in your view source for the testimonials-manager sidebox an image call for
<img src="includes/templates/template_default/images/Testimonials" alt="" />
which is not a valid image filename, let alone the right image name.

OK, all sorted, thank you for all the help :-)
for anyone else who has made the same slip as me, it was in includes/modules/sideboxes/MY_THEME/testimonials_manager.php
Posted via Mobile Device

A note for anyone interested: I have posted the basic code for adding the Images for Titles functionality to product names in the product listing page. It is in this thread. I expect to add it to the mod when I make the next release (no date planned yet).

Dear all
I’m new in Zen cart and I’m trying to learn
I tried to do Images for Titles but I couldn’t do
Please any one can help me in giving me how to do it in simple way
:D

I made the instructions as simple as I could. What part did you have trouble with? Are you sure you changed all /your_template/ folders in the mod package to your custom template name? Are you sure all of the files uploaded successfully to your server?

I can't get the Images for Titles to work. Question: I have followed the instructions (I believe) in the zip file, uploaded the folder as instructed. I viewed the source for the template, for example, is the category ID "categories"? The image I made is not showing, and I wasn't sure if I had the image named correctly as boxhead-categories.gif? I also tried naming it just categories.gif. I did change all of the folders to my template name. Any assistance is appreciated. My site I'm working on is http://elegant-memorials.com

Yes, the categories sidebox id is "categories", and boxhead-categories.gif should work for the code to pick it up and substitute it for the text. Have you tried this for any other sideboxes, or other kinds of titles? I notice you have Better Categories installed, and while I don't think they will interfere with each other, I can't be certain without checking.
Where do you have the image saved?