Floating Images

I searched and searched but not even sure I can describe this problem correctly. I have loaded some templates that when the mouse is moved over a product a popup image appears. This is great, I love it, but the image appears in the upper left of my browser and moves the header and the page down, or if it is an image lower on the page the page seems to jump but you can't see the image at the top.

How do I position the image like I see in the samples???

This is impossible to diagnose or correct without being able to see it in action and look at the code.

Please post a link to a page on your site where the problem occurs.

BrandTim

http://www.giftbarn.net

I thought at first it was one of the templates I was trying to use but I have found that does the same thing for all of them.

Thank you for looking at this, anything you can suggest to fix it will be most appreciated!

I knew I'd answered this question before...

http://www.zen-cart.com/forum/showthread.php?t=72558&highlight=brandtim

BrandTim

Thanks, followed your link and at least it gave me some direction. What I discovered was that there was no css for imagehover, as I found in other templates. All I did is copy a imagehover.css from one template to the one I was having problems with and it works fine now, well almost. Now if I can only figure out how to get rid of the pop image description text box when I mouse over?

Thanks,
Robert

schnieber:

Thanks, followed your link and at least it gave me some direction. What I discovered was that there was no css for imagehover, as I found in other templates. All I did is copy a imagehover.css from one template to the one I was having problems with and it works fine now, well almost. Now if I can only figure out how to get rid of the pop image description text box when I mouse over?

Thanks,
Robert

I would like to have this mouse over floating image feature,
Is there a mod that I can download? Can you tell me where I can get the files from?
Thanks

schnieber,

Try reinstalling the Image Handler mod entirely. If you were missing one file, there may be other issues...

francocauter,

The Image Handler mod is here. You'll find all of the files for all of the modules in the downloads section. (The link is at the top of every page. :wink2:)

BrandTim

schnieber:

Now if I can only figure out how to get rid of the pop image description text box when I mouse over?

Thanks,
Robert

Open up stylesheet_imagehover.css and change this:

#trailimageid h1 {
 font-size: 100%;
 font-weight: normal;
 margin: 0;
 padding: 2px 0px;
 text-align: left;
 width: 100%;
}

to this:

#trailimageid h1 {
 display:none;
}

francocauter:

I would like to have this mouse over floating image feature,
Is there a mod that I can download? Can you tell me where I can get the files from?
Thanks
I stumbled upon this while testing different themes but I think it is a combination of a java script which is in the default theme folder and a stylesheet that comes with some of the themes.

The stylesheet is style_imagehover.css and I found it in Future Zen and other themes.

jettrue:

Open up stylesheet_imagehover.css and change this:

#trailimageid h1 {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 2px 0px;
text-align: left;
width: 100%;
}

> 
> to this:
> 
> ```
#trailimageid h1 {
 display:none;
}

Thanks, but this seemed to remove the text that was part of the popup image. There is another small box that appears and then disappears that has a yellow background and the product title. It seems to be from a different process and overlays on top of the popup image, annoying.

Those yellow-background pop-up boxes are the images' title tags. In order to get rid of them, you'll need to remove the titles from the image elements.

The easiest way I can think of to fix this is in your includes/functions/html_output.php file, comment out this line (around line 201):

      $image .= ' title=" ' . zen_output_string($alt) . ' "';

BrandTim

Thank you, I did make the changes there but still getting the alt titles, will have to look for more places where this might be coded, maybe in a global or default area?

Again though, thank you, your, and everyone's assistance has been greatily appreciated!!!

Important: Leave the ALT tags. You want to remove the TITLE tags.

The Image Handler mod must be using it's own piece of code to make the image HTML. In your Developer's Tool Kit, search for 'title'. Look for code similar to the one above. As you find the code, remove the title tag, and see if that fixes it. If not, restore the code and move on to the next one. It's a little tedious, but you'll definitely find it this way.

BrandTim

schnieber:

Thank you, I did make the changes there but still getting the alt titles, will have to look for more places where this might be coded, maybe in a global or default area?

Again though, thank you, your, and everyone's assistance has been greatily appreciated!!!

Hi Schnieber,

Try this:
Open your /includes/functions/html_output.php

Watch out for line from 120 to 127

    $image = '<img src="' . zen_output_string($src) . '" alt="' . zen_output_string($alt) . '"';

    if (zen_not_null($alt)) {
      $image .= ' title=" ' . zen_output_string($alt) . ' "';
    }

Change to:

    $image = '<img src="' . zen_output_string($src) . '" alt="' . zen_output_string($alt) . '"';

    if (zen_not_null($alt)) {
      $image .= ' title=""';
    }

And watch out for line from 196 to 203

    $image = '<img src="' . zen_output_string($src) . '" alt="' . zen_output_string($alt) . '"';

    if (zen_not_null($alt)) {
      $image .= ' title=" ' . zen_output_string($alt) . ' "';
    }

Cheng to:

    $image = '<img src="' . zen_output_string($src) . '" alt="' . zen_output_string($alt) . '"';

    if (zen_not_null($alt)) {
      $image .= ' title=""';
    }

Regards
Cheng King Xiang

I just wanted to say thanks guys for detailing this problem and solution.

i had no idea what the problem was until i read this.

:clap::clap::clap::bigups::bigups::bigups: