Zen Lightbox addon [Support Thread]

niestudio:

Did you copy and paste the install script into zc admin or use the upload button?

Other users have had better luck with copy/paste.

I have copy and paste the install script into zc admin.

I had the problem with failed sql upload when installing from version 1.5 to 1.6, so think about doing an UNINSTALL from 1.5 using the uninstall.sql before you do install v1.6.:D

that being said, i have a question: in v1.6 the label images are now under /images and only available in english. i have the labels in french and german in the /templates/MY_TEMPLATE_NAME, but that is not helping - in the french or german version, i still see the close/previous/next labels in english.
Any hint to how to fix this? :dontgetit

thanks a bunch!:smile:

Further to http://www.zen-cart.com/forum/showpost.php?p=1019011&postcount=2703

here is my solution to move the Prev/Next buttons clear above image and then restore truncated bottom of image.

includes\classes\zen_lightbox\autoload_default.php
Line 23 was

<?php if (ZEN_LIGHTBOX_CLOSE_IMAGE == 'true' || ZEN_LIGHTBOX_PREV_NEXT == 'true') { echo '<style> #lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 63px; height:32px!important; outline: none;} #lbNextLink {right: 0; background: transparent url(images/zen_lightbox/nextlabel.gif) no-repeat 100% 15%;} #lbPrevLink {left: 0; background: transparent url(images/zen_lightbox/prevlabel.gif) no-repeat 0 15%; } </style>';}?>

now (note the minus sign)

<?php if (ZEN_LIGHTBOX_CLOSE_IMAGE == 'true' || ZEN_LIGHTBOX_PREV_NEXT == 'true') { echo '<style> #lbPrevLink, #lbNextLink {display: block; position: absolute; top: -32px; width: 63px; height:32px!important; outline: none;} #lbNextLink {right: 0; background: transparent url(images/zen_lightbox/nextlabel.gif) no-repeat 100% 15%;} #lbPrevLink {left: 0; background: transparent url(images/zen_lightbox/prevlabel.gif) no-repeat 0 15%; } </style>';}?>

includes\templates\YourTemplate\css\stylesheet_zen_lightbox.css
was

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

now

#lbImage {
position: absolute;
left: 0;
top: 22px; /* 0 / / May need to be increased to 32px to clear border thickness, if coloured differently. /
border: 10px solid #fff;
background-repeat: no-repeat;
padding-bottom:12px; / added to restore bottom of image */
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: -32px; /* 0 / / Note the minus sign */
width: 50%;
outline: none;
}

Hope this helps.

I just uploaded zen lightbox and am having issues with getting it to run. I've uploaded the files to the correct places. I've created the custom folders. I wasn't able to copy and paste the sql files for some reason (I never have been able to do that), but I did have my server guy install the sql patch directly. Zen Lightbox is showing up under my Configuration in zen admin, but when I click on it I get taken to a blank page that states Zen Lightbox at the top, but no install options. What went wrong?

Disregard. Apparently, nothing further has to be done. I just clicked on some images and they come up in the lightbox. Should have checked sooner. I just didn't expect it to be that simple.

RNRN:

Disregard. Apparently, nothing further has to be done. I just clicked on some images and they come up in the lightbox. Should have checked sooner. I just didn't expect it to be that simple.

Sorry but if you see nothing on that config page then i think there is still something wrong, even if it is working.

I would go to the server and manually check each and every folder to ensure all go loaded into the right spot.

Once the files have been uploaded and the sql installed then you should see its settings page...to change colors and such if you want to match your template and to turn it on.

a link also is always helpful to getting even better knowledged peeps in here

Hi,

If you want to manage multiple language support for Zen Lightbox I made some changes in code.

Feel free to use the following attachment.

Of course, you need to duplicate all english directories of the module in the same place with the correct language name you use.
In the new language directories, make changes as necessary (texts and images).

Files changes:

includes\classes\zen_lightbox\autoload_default.php
includes\templates\template_default\common\html_header.php

---

• WARNING *

---

html_header.php come from v1.3.9h (I haven't test it because I still use a previous zen-cart version)

If you still use a previous zen-cart version, do not use html_header.php included in the attachment, but you can just add the folowing code in the file includes\templates\template_default\common\html_header.php like you can see in the attachment:

<?php /** * load all template-specific stylesheets, named like "style*.php", alphabetically */ $directory_array = $template->get_template_part($template->get_template_dir('.php',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^style/', '.php'); while(list ($key, $value) = each($directory_array)) { $tmpcssdyn = '<script language="javascript" type="text/javascript"><!--'."\n"; $tmpcssdyn .= 'document.writeln(\'<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.php',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '?charset=' . CHARSET . '&language=' . $_SESSION['language'] . '" />\');'."\n"; $tmpcssdyn .= '//--></script>'."\n"; echo $tmpcssdyn; } File deleted: includes\templates\YOUR-TEMPLATE-FOLDER\css\stylesheet_zen_lightbox.css File added: includes\templates\YOUR-TEMPLATE-FOLDER\css\stylesheet_zen_lightbox.php Enjoy ;) Jacques from France

jisaac:

Of course, you need to duplicate all english directories of the module in the same place with the correct language name you use.
not sure what you mean there... en francais?! ;)

thanks for the contribution ... I have installed your mod but as a result no window will open at all, all languages the same issue (have now reverted to the previous status)

Does the html_header change to make has to be in the template_default? can it not be in my shop template (YOUR-TEMPLATE-FOLDER)?

merci!

You are right pukram.. Dunno if this code works, but I do know that this SHOULD be an override.

NEVER NEVER NEVER make modifications to ANY FILE in the "template_default" folder..

pukram:

not sure what you mean there... en francais?! ;)

thanks for the contribution ... I have installed your mod but as a result no window will open at all, all languages the same issue (have now reverted to the previous status)

Does the html_header change to make has to be in the template_default? can it not be in my shop template (YOUR-TEMPLATE-FOLDER)?

merci!

jisaac:

Hi,

If you want to manage multiple language support for Zen Lightbox I made some changes in code.

Feel free to use the following attachment.

Of course, you need to duplicate all english directories of the module in the same place with the correct language name you use.
In the new language directories, make changes as necessary (texts and images).

Files changes:

includes\classes\zen_lightbox\autoload_default.php
includes\templates\template_default\common\html_header.php

---

• WARNING *

---

html_header.php come from v1.3.9h (I haven't test it because I still use a previous zen-cart version)

If you still use a previous zen-cart version, do not use html_header.php included in the attachment, but you can just add the folowing code in the file includes\templates\template_default\common\html_header.php like you can see in the attachment:

<?php /** * load all template-specific stylesheets, named like "style*.php", alphabetically */ $directory_array = $template->get_template_part($template->get_template_dir('.php',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^style/', '.php'); while(list ($key, $value) = each($directory_array)) { $tmpcssdyn = '<script language="javascript" type="text/javascript"><!--'."\n"; $tmpcssdyn .= 'document.writeln(\'<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.php',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '?charset=' . CHARSET . '&language=' . $_SESSION['language'] . '" />\');'."\n"; $tmpcssdyn .= '//--></script>'."\n"; echo $tmpcssdyn; } File deleted: includes\templates\YOUR-TEMPLATE-FOLDER\css\stylesheet_zen_lightbox.css File added: includes\templates\YOUR-TEMPLATE-FOLDER\css\stylesheet_zen_lightbox.php Enjoy ;) Jacques from France

DivaVocals:

You are right pukram.. Dunno if this code works, but I do know that this SHOULD be an override.

NEVER NEVER NEVER make modifications to ANY FILE in the "template_default" folder..

Yes, you right !!! It's my first contribution, and I forgot this recomendation because I do this in my development. Sorry about it !
So You have to put html_header.php in includes\templates\YOUR-TEMPLATE-FOLDER\common\html_header.php

I'm sorry I leave this version for 1.3.9h without testing. It should work but I don't have time to install 1.3.9h and test it.

DivaVocals:

You are right pukram.. Dunno if this code works, but I do know that this SHOULD be an override.

NEVER NEVER NEVER make modifications to ANY FILE in the "template_default" folder..

I would like to fix my previous post but I can't edit it.

I too had problems upgrading from 1.5 to 1.6.2 with the upgrade script, error message stated something along the lines of DUPLICATE_KEY PREV_SOMETHING.....
To resolve this I simply ran the uninstall script from 1.5 and then the install script from 1.6.2.

Hope that's helped somebody!

The lightbox not working on item additional images. Is that normal? If not, how it can be fixed? (I'm 1.3.9h)

Thanks!

hara:

The lightbox not working on item additional images. Is that normal? If not, how it can be fixed? (I'm 1.3.9h)

Thanks!

Just re-install these three folders and got fix.

includes\languages\english\extra_definitions\YOUR-TEMPLATE-FOLDER
includes\modules\YOUR-TEMPLATE-FOLDER
includes\templates\YOUR-TEMPLATE-FOLDER

Experimenting with Lightbox on my test site. Definitely looks better than stock pop-up.

Couple questions:

1. I notice alot of script code on product page in view source. Any adverse effect with SEO?

2. I ran a product page through several online checkers that "view page as spider sees it." All produce this link at front, going to 404 not found error:

http://www.prom-mart.com/+

Is this normal with Lightbox?

HI
Working on clients site with ZEn Lightbox installed which does not display the larger images in the lightbox window (just white box) Where Can I see the Version they have as I want to upgrade and see that depending on which version they have different ways to upgrade apply (or maybe even un install first and the install new) Zen 1.3.9f Zen Light Box V?

My Lightbox v 1.5 has glitched out on me ;o(

Double checked files and don't see anything diff from original install.

Working with IH2d. Tested Lightbox after that upgrade and it was fine. Using tpl_modules_main_product_image.php from Lightbox 1.5

Recent changes: Added js for imagehover for IE9 compliance. Added Featured Categories mod. Doublechecked and don't see any files in common with Lightbox. Updated Canada Post mod.

Tried installing backup files of my test store to point before changes above - Lightbox still not working.

When I click on an image Lightbox begins to open - ie the opaque background happens and then the white box begins to form and then stalls before pic arrives.

Tried searching this forum but admit I'm at a lot as to what search words to use.

Livebox is active for now on live site so you can see what's happening.... www dot meafordwool dot com

zc1.3.9h; many mods

Thanks

Never mind problem above. Upgraded to Lightbox 1.6.2 and problem no longer exists.

hara:

The lightbox not working on item additional images. Is that normal? If not, how it can be fixed? (I'm 1.3.9h)

Thanks!

Hi,

I've the same problem with this issue and installed v1.6.2 version on it.

can someone to help? :frusty: :oops:

My website is: http://www.n1stores.com

Thanks!
Jacky

jacky:

Hi,

I've the same problem with this issue and installed v1.6.2 version on it.

can someone to help? :frusty: :oops:

My website is: http://www.n1stores.com

Thanks!
Jacky

Looking at your source your additional images have rel="nofollow" instead of rel="lightbox-g" which it should to enable lightbox support.
Do you have another plugin that may be adding that code?