Zen Lightbox addon [Support Thread]

When I click on it I get a zoom. Does that help any?

opentrees:

When I click on it I get a zoom. Does that help any?

Thanks for the respond.

The Zen Light works... even on the review page. that's great.

However, this

[1940RY-RB]">

should not be there. It's an error. Is it just my site?

I should have mention that it is a REVIEW Page.

Thank you,

Alex Clarke:

(an update for Zen Lightbox will be released soon to fully support 1.3.6).

Alex Clarke:

I'm currently working on the next version of Zen Lightbox. I'll add a few new features and make it fully functional with 1.3.6. The current version will work with 1.3.6, but may require some tweaking.

Hi Alex-

It appears you have made many people happy with your Lightbox mod. I was about to install your version 1.3 mod on Zen Cart 1.36 shop (which already has ImageHandler 2 installed). But I decided to read this entire thread first and then observed the above quotes.

Before I install I am wondering about the specific "tweaking" which needs implemented to "fully" support 1.3.6?

Or should I wait for v.1.4 of your mod which I suspect is just around the corner?

Thank you for any info.

Woody

Woodymon:

Before I install I am wondering about the specific "tweaking" which needs implemented to "fully" support 1.3.6?
After looking at the distribution/readme I see it is an easy/quick install so decided to just do it.

One thing. The readme instructs to install the 6 gif images and 4 js files into /template_default.

Is there any reason why these files cannot be dropped into my custom template directory instead and therefore override template_default (just like the template file)?

Woody

Woodymon:

Is there any reason why these files cannot be dropped into my custom template directory instead and therefore override template_default (just like the template file)?

1. After I found placing the image and js files in my custom directory did not work I put them into template_default and everything works as advertised.

(Note: I'm using the tabbed_products lite mod and placing the js files for that mod into the custom directory structure (but not template_default) works.

So hoping for a more informational answer than "don't do it that way because it doesn't work". The more I begin to think I understand overrides, along comes another exception to the rule ;-)

2. A more important issue/question:

When I view the shop with Lightbox installed I observe different results in Firefox 2 on two different PC's (but with IE6 there are no differences). With FF2 on one PC, after I click on the main image (or any one of the additional images) the Lightbox window appears with a white square on top of a black background. However no product images or navigation controls display, In FF2 on the other PC Lightbox displays correctly.

I've cleared my browser cache but same result. FF2 configuration and firewall settings are exactly the same on both PC's

DOM Inspector in FF2 shows no errors. I disabled AdBlock and NoScript but observe same issue. JS is enabled, otherwise the product tabs would not render on the product_info page.

I noted the FF2 Error Console shows:

Warning: Error in parsing value for property '-moz-opacity'. Declaration dropped.
Source File: /includes/templates/fz/css/stylesheet_lightbox.css
Line: 112

Warning: Unknown property 'filter'. Declaration dropped.
Source File: /includes/templates/fz/css/stylesheet_lightbox.css
Line: 114

Warning: Error in parsing value for property 'opacity'. Declaration dropped.
Source File: /includes/templates/fz/css/stylesheet_lightbox.css
Line: 117

Warning: Error in parsing value for property 'display'. Declaration dropped.
Source File: /includes/templates/fz/css/stylesheet_lightbox.css
Line: 133

stylesheet_lightbox.css contains:

#overlay {
-moz-opacity:0.6px; <--- LN 112
background-color:#000;
filter:alpha(opacity=60); <--- LN 114
height:500px;
left:0;
opacity:0.6px; <-- LN 117
position:absolute;
top:0;
width:100%;
z-index:90;
}

• html>body .clearfix {
  display:inline-block; <-- LN 133
  width:100%;
  }

I then checked some other shops posted in this thread which have Lightbox installed and I noted the same issue with Lightbox not displaying correctly in FF2 on this one PC.

On the other hand the Error Console shows the exact same errors for these other sites in FF2 on both PC's. (so I conclude we have two different issues going on here).

Any idea why Lightbox would work in FF2 browser on one PC but not the other?

3. BTW when I made an animated gif as one of the additional images, Lightbox displays some strange results and repeatedly rebuilds the image frame ;-)

Woody

gems14k:

should not be there. It's an error. Is it just my site? I should have mention that it is a REVIEW Page.

I just wrote my first test product review and the resulting product review page:

(/index.php?main_page=product_reviews&products_id=2)

displays an out of place model number (within brackets with an apostrophe and greater sign symbol appended at the very end). This is the product reviews URL which displays until admin approves the Review. The same as gems14k just reported.

For example:

[ProductName Model Number]">larger image

The model number displays to the left of the product image and under the image the text "larger image" is displayed. Both together form a single URL which links to the product image.

Also I see the ALT tag for this link is very strange:

ProductName<br /><span class=

I had not observed this issue before installing the Lightbox mod. But since this was the first review authored, and was authored after the install of Lightbox, I do not know which code might be producing this issue (Lightbox or some other mod or Zen Cart bug or ...)?

On the other hand, once the Review is approved by admin, the page:

/index.php?main_page=product_reviews_info&products_id=2&reviews_id=1

displays the "larger image" link correctly along with a correct ALT tag.

But Lightbox did not work on the Reviews page for me. So rereading this thread, I noted s_macks' recommendation on post #204. And indeed after employing his suggestions Lightbox worked on reviews pages.

However the model number still incorrectly displays as part of the "larger image" link (on the Reviews page, that is... until the Review is approved by admin).

Hope this makes sense.

Woody

Woodymon:

However the model number still incorrectly displays as part of the "larger image" link (on the Reviews page, that is... until the Review is approved by admin).

Hope this makes sense.

Woody

Thanks for the info, Woody.

However, the review on my site is approved, but the error tag is there...

gems14k:

Thanks for the info, Woody.

However, the review on my site is approved, but the error tag is there...

Gems14k:

I'm think we are in agreement. I will use your site as an example of the issue...

The review page which customers will have access to and see (after the review has been approved) does not display the malformed text in the link.

See here:
http://www.nokoria.com/genuine/index.php?main_page=product_reviews_info&products_id=358&reviews_id=2

But the page the review author will observe immediately after submitting the review and the page the customer will see if review has not been approved does indeed show the malformed text for the link.

See here:
http://www.nokoria.com/genuine/index.php?main_page=product_reviews&products_id=358

So what I was trying to say is the error impacts product_reviews but does not impact product_reviews_info.

I observe everything behaves/degrades correctly when JavaScript is disabled.

Looking at tpl_modules_main_product_image.php updated for Lightbox/ImageHandler 2:

  <!-- begin zen lightbox v1.3 aclarke 2006-10-20 -->
  <script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="' . zen_image_lightbox_IH2_url($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
  <!-- end zen lightbox v1.3 aclarke 2006-10-20 -->

Which generates the following HTML on product_reviews page:

  <!-- begin zen lightbox v1.3 aclarke 2006-10-20 -->

  <script language="javascript" type="text/javascript"><!--
document.write('<a href="images/rings/1940RY-RB.jpg" rel="lightbox[gallery]" title="Genuine Ruby Band Ring 14K Yellow Gold<br /><span class=\"smallText\">[1940RY-RB]</span>"><img src="images/rings/1940RY-RB.jpg" alt="Genuine Ruby Band Ring 14K Yellow Gold [1940RY-RB]" title=" Genuine Ruby Band Ring 14K Yellow Gold [1940RY-RB] " width="267" height="225" /><br /><span class="imgLink">zoom</span></a>');

//--></script>
  <!-- end zen lightbox v1.3 aclarke 2006-10-20 -->

Note:

<br /><span class=\"smallText\">[1940RY-RB]</span>">

Hopefully this leads you in the right direction.

Woody

Thanks for all the bug reporting and code examples.

I'll look at addressing these issues in the next release. :)

I am trying to get this plug-in to work with the default template and I am failing. I suspect the problem lies in the renaming of the files. What is the file structure when using the default template? I can't rename the existing files since they are already in use.

Well any files with the same name that are in the lightbox mod and the default template, you would just replace the default ones with the ones from the light box mod......BUT YOU SHOULD NOT BE DOING IT THIS WAY. Ok enough yelling. You should be using the overrides sytem otherwise you risk losing everything on an upgrade. You also now have no ability to switch between the default and a custom template for troubleshooting purposes. You can do it if you want but as it is not the right way you'll find yourself chastised for doing it this way everytime you ask questions.

OK. I know there is a message in there somewhere. My guess is the following:

1. I should not be using or modifying the default template as an actual template. I should modify these files and save them under another name?

2. I should learn the override system. Back to the tutorials ...

With the overrides system you create a new directory in the includes/templates directory. In that directory copy over the template_info.php from the template_default and open it and edit it to reflect your template name, copyright info, etc.... Go admin>tools>template selection and click edit and select your new template. The directory structure in your new template should be the same as the default template. Only copy over and edit those files that need to be changed for your template, leave the rest alone.

barco57:

With the overrides system you create a new directory in the includes/templates directory. In that directory copy over the template_info.php from the template_default and open it and edit it to reflect your template name, copyright info, etc.... Go admin>tools>template selection and click edit and select your new template. The directory structure in your new template should be the same as the default template. Only copy over and edit those files that need to be changed for your template, leave the rest alone.

Not sure if you've seen the site though.. he's using the "classic template"

you can just copy paste that entire "classic" folder in includes/templates, rename the folder, and change the template_info.php like barco said above.. and follow the rest of it :)

That only gives you part of it. If you compare the classic template and the default template you will see that the classic template just has the common template files, css and images.....You will still need to override specific template files from the default directory as needed.

FYI: The new site is loacated at http://www.billedmunds.com/exhibition.

I transfered my site to a new domain and the product info page is not working, the following message shows:

Fatal error: Call to undefined function: zen_image_lightbox_ih2_url() in ../templates/tpl_modules_main_product_image.php on line **17

**Any idea on this? Thanks!

Hi all...

Just discovered an oddity.

Not sure if this was covered previously, sorry if this is old news...

I had a photo given me by a supplier and it wasn't working with LightBox. Tried various things and finally noticed that it was a 32-bit RGB Jpeg instead of the more normal 24-bit. Converted it and everything worked.

Symptom was the image would not load in IE (just got the pre-load "star") and would show as an inverted image in Opera.

So if anyone has a similar problem - check to make sure the image is a 24-bit jpeg!

• Steven

The pop-up overlay doesn't cover the whole screen in IE. It works fine in firefox.

See this page for testing:

http://www.nokoria.com/genuine/index.php?main_page=product_info&cPath=66_72&products_id=385

Any idea why?

Thank you,

That is odd... works fine in ie7. And lightbox works fine on my site on ie6 and ie7 - so I'm not sure why yours doesn't work with ie6.