Fual Slimbox (Lightbox) - Ver 1.0 Support

Well the only small issue I've come up with is the product name showing in the 'slimbox' window. On the products with longer names it cuts off the name. Also on products that have the " symbol for say 9" lumber, it stops at 9 and doesn't show the rest.

@ tacoma <- cheerz 4 the props! I don't quite understand the last bit of your last post: Also on products that have the " symbol for say 9" lumber, it stops at 9 and doesn't show the rest.

If you give me a link to the page or a few screenshots I will work out how to best solve this problem. (btw you must have some pretty small images and some big names! When I was writing this I thought that one line would be enough).

@ Fireflyz <- The problem here is that the z-index of the menu is really high, so that it lays over everything else. This was the right thing for the person who wrote the menu to do, however it causes a small problem for things like lightboxes as they need to sit over everything on the page.

There are two solutions to your problem:

1. in the file css/stylesheet_slimbox_ex.css, at the top before everything else you can add the code:```
   #lbOverlay, #lbCenter, #lbBottomContainer {
   z-index:1000000;
   }

2) this might be a bit more tricky, the Mod has an option to hide any class called "zenLightboxHideMe" when it loads, to deal with problems like this. You can edit your menu template and add this class to the wrapper that contains your template.

Once we get both these issues resolved I will post an updated version.

love this add on but i was having problems with additional images until I found this ...

thanks to glamour1artworks for finding it first ...

climax007:

If someone still has problems with ZenCart 1.3.7.1, ImageHandler 2.0 and Zen Lightbox 1.4 here is what i did to fix it:

locate the file "additional_images.php" it should be in your includes\modules"template_name_dir".

Go to line 23 and remove the ". '$'".
The line should look now like this:
$products_image_base = str_replace($products_image_extension , '', $products_image);

Thats it. Hope it helps others.

Cheers,
Climax

@monkeyjr47906 <- Cheers, I have made a change to the file.

I have also made the necessary changes to the lightbox stylesheet, to prevent the dropdown menu issue.

There is a new release in the downloads section.

banswidthjunkie, yes I do have somewhat long item titles. I don't think though that the pictures are too small.

I sent you a PM, and if you could at your leisure take a look and see if there could be a fix?

Thanks

banswidthjunkie:

@ Fireflyz <- The problem here is that the z-index of the menu is really high, so that it lays over everything else. This was the right thing for the person who wrote the menu to do, however it causes a small problem for things like lightboxes as they need to sit over everything on the page.

There are two solutions to your problem:

1. in the file css/stylesheet_slimbox_ex.css, at the top before everything else you can add the code:```
   #lbOverlay, #lbCenter, #lbBottomContainer {
   z-index:1000000;
   }

Thank you banswidthjunkie! The first solution worked like a charm!
Cheers mate!
 :cheers:

@Fireflyz <- No Probs

@tacoma <- The attached zip file sorts out both of your problems.

The zip file below is the latest release, it might take a day or two to reach the zencart downloads site, so you can get it from here directly.

There is one small issue that I know about regarding additional images in IE6, basically you can click the link to them, but you can't see the link! I will sort this out in the next few days.

Thanks banswidthjunkie.

Do I uninstall the old version first?

tacoma:

Thanks banswidthjunkie.

Do I uninstall the old version first?
No, all you need to do is rename the two template folders and copy over the files. There is no need to reinstall the sql patch. Only the contents of a few files has changed.

banswidthjunkie:

No, all you need to do is rename the two template folders and copy over the files. There is no need to reinstall the sql patch. Only the contents of a few files has changed.

Thanks! It works perfectly!

tacoma:

Thanks! It works perfectly!
@ tacoma <- Of course ;)

I've stumbled upon another issue.

I name my product pictures the part #. One part is say 1234A, so the picture name is 1234A.gif. Well another part # is 1234A-2. On the 1234A product page below it appears 1234A-2 pic as well. Not only that, but once clicked the picture tries to load and never does.

As I said in the PM this isn't anything to do with slimbox, it is a consequence of how the zencart core handles images https://www.zen-cart.com/tutorials/index.php?article=58

You need to rename your images to deal with this.

Personally I think the way that images should be handled is that there should be an image database containing links to all the product images. There should only be one size of each image. Then there should be another table listing which images are used by which products along with a sort order.

Smaller images should be generated and cached by a helper application like phpthumb. At the moment it is a bit of a mess.

Sorry about that.

I apologize for the false alarm.

:oops:

I installed this and it just opens the image in the same window but bigger, any suggestions?

thanks

keylesslocks:

I installed this and it just opens the image in the same window but bigger, any suggestions?

thanks
Link?

Sounds like a javascript error, what version of ZC do you have? What Mods, What Template?

Bug:
/includes/classes/fual_slimbox.php
The <script> open tag is missing type, this causes html validation errors.

type="text/javascript" 

BTW, is there any way to make the prev - next on the 2 sides of the images more obvious? For now it cant be seen unless you hover your mouse on it.
Regards

I've fixed the js bug, cheers. But havent uploaded a new version yet, will do if I make any more changes, it is pretty minor.

As for the previous next, I know what you mean, it isn't obvious. When I first saw it I thought it was broken! The thing is I like the hover effect, but I don't like the fact that it isnt obvious; plus the fact that it doesn't work in IE6 is a pain. That is how the original author had it, so I didn't want to mess too much.

If you have any suggestions for how to keep the hover, but make it more obvious I would like to hear them. Alternatively, the uncompressed code is included so you could have a play with the js yourself, it is fairly basic stuff.

I indeed played with this a bit b4. What I did was to place a Previous and Next link at the bottom left and right. They fit in nicely.

BTW, I run into some weird problem with IE7, sent you PM.