Zen Lightbox addon [Support Thread]

Oops and by the way.

I don't believe this is a script loading (time) issue either given my tests and attempts to figure this out.

odd the whole image should be a hot spot and be clickable......strange

Whaa?

That would be even better!

barco57, think I might have confused you by not using the proper page name for the location of my problem. Not sure what to call it but..

When you see a FULL list by page of products in a category, that picture is a hot spot in its entirety and is not a problem.

Clicking on one of those listed items will take you to where the "problem" exists and that's on the page that lists a SINGLE product detail, description, etc..

Talking to myself again (isn't the first time!).

Took a look at some other sites and I see the hotspot on the individual products covers the full picture there too.

Looked closer at my issue and there is a thin bar hotspot at the top of the picture that shows the entire product description when you hover over it. Then there is hotspot on the "larger image" text but that product description is shortened.

Weird?

How do I control the position and size of the hotspot? Fooled around in the CSS but didn't make any useful changes.

Given how it is supposed to work this is more of an issue for my now. Any ideas?

Well I found A fix but I'm wondering if this is ok and/or if I'm going to "break" anything else on the site since it involves the H1 and H2 in the CSS

H1 and H2 were covering the portions of the picture and the hot spots on those portions of the picture so broke those two out and added a left margin:

h1, h2 {
margin: 0.3em 0;
margin-left: 4.5em;
}
h3, h4, h5, h6 {
margin: 0.3em 0;
}

Ok fix or am I screwing things up?

whats the url? There isn't a "hot spot" like there is for the image handler popup. the images on the product description page are href links making the complete image clickable

Thanks. No live URL.

Yeah, figured I might be using the wrong terminology but figured my point would get across, meant the clickable area to get the larger picture.

As I said, got the pieces (again wrong term!) to stop overlapping and full image area (save for a few very wide shots) is clickable now. Just didn't know if H1 and H2 change would haunt me on some other page that I might not be aware of. Don't think so but always like to get that warm fuzzy feeling from the gang!

Thanks for the information.

ok if your happy I'm happy (i would be able to tell if it would be a problem later without seeing it):D

Thanks and I certainly understand, it's always hard without a URL unless it's some obvious stuff or the explanation is iron clad. Really appreciate the help and offer.

It's a standard piece of the CSS so I was hoping someone who knew ever nock and cranny would stop by.

Think it's cool though, I'll poke around some more when I get a chance. Bigger fish to fry right now, trying to embed Slideshowpro/Director into an ezpage and it's a :censored:!

Ok, for those following behind me at some point. And FYI for barco57 who was kind enough to jump in.

Changing H1 and H2 in CSS for this fix did mess stuff up. Specifically Define Pages and some checkout stuff. It offset them to the right as you would expect.

Don't know much at all about CSS but with a little fooling around I ended up creating "h7" based on h1 in the main stylesheet and then edited /includes/templates/custom/templates/tpl_product_info_display.php
for the instances of h1 and h2, changing them to h7.

Format wasn't quite right but got it to look roughly the same with a couple more tweaks. Good, and needed, experience for me with CSS.

Believe me, I know this is super basic (though not to me!) but I know when I was first getting into Zen I would have liked to have found more posts that showed the final solution no matter how simple it is to people who know CSS, Zen, Php, whatever, so I always like to finish.

Jeffey:

I ended up creating "h7" based on h1 in the main stylesheet and then edited /includes/templates/custom/templates/tpl_product_info_display.php
for the instances of h1 and h2, changing them to h7.
It is not recommended removing H1 (Level 1 Heading). There are many reasons for this. One, H1 is significant spider food. Second, browsers natively relate to H1-H6 header tag markup (global document structures). You may want to visit w3.org and w3schools.com for HTML/xHTML review. Discussion of such is off-topic for this mod support thread.

Interesting Woody. I certainly don't want to piss off the spiders!

Any clues how to fix the "overlap" without effecting other h1 areas of the site? As it stood it was difficult to find spots on the pictures to enlarge them since the h1 id areas of the product title extended over the picture square.

Thanks.

I am having a problem with the stylesheet. It causes my product title and description text to float over the product images in IE 6 and IE 7. The only way I found to remove this issue was to delete the line: filter:alpha(opacity=60);

However, when you close the lightbox image and go back to the product info page, the text is once again overlaying the image.

Example:
http://shop.design-milk.com/index.php?main_page=product_info&products_id=28

My site is not live yet.

I am using ZC 1.3.7, lightbox, and IH2

Thank you in advance for help!!

I feel somewhat stupid as I just posted a thread asking if someone would make a contribution like this one, and I hadn't seen this one yet.

Any chance you might release a new version with Litbox instead of Lightbox?

http://www.ryanjlowe.com/?p=11#

Hi Alex,
Just started putting together my Zencart shop, and I must confess I was most intimidated by the lightbox the most, because it's the 'flashiest' mod... well, it ends up being the easiest one to install (phew), and the nicest feature on my future site, thank you.

Tatiana

I am having a problem with a new install of Lightbox. I have the zencart 1.3.7 installed. The lightbox opens sometimes other times I get the image only on a page. Also if I click on next (when lightbox opens) it just loads and loads and doesn't show the next image.

The url is http://store.chscrapbooks.com.
Here is a product with multiple images:
http://store.chscrapbooks.com/index.php?main_page=product_info&cPath=58_59&products_id=185

I'm having some trouble finding out where the "Image x of x" is located, I need to change it to Norwegian. Anyone knows which file to alter? Other then that its working great!

Hi All, Very impressed with this contrib, I just sat down for a long session trying to install something similar and then stumbled upon this. However I am experiencing the same problem as 'aunrea'. The thumbnail image loads in the viewer, when the next image is clicked the script continuously looks like is loading an image. Any ideas on how to get this baby working? Perhaps a pointer to a file that might be the culprit? Thanks in advance, Nathan

I would belive your problem is because it cant find the bigger picture. I'm just shooting in the dark here, cause I have no idea how your images is set up. make sure your image endings are correct (LRG, MED etc).