Zen Lightbox addon [Support Thread]

[water5]

Same answer to both of you.. this does not sound like any thing more than a simple install error as neither of your issues are known issues/bugs/defects with this add-on.. Re-check/Re-do your install as it is MOST LIKELY that a missing or corrupted file is at the heart of your issues..

I have tried reinstalling but still not working - maybe I am missing something?

[niestudio]

I have tried reinstalling but still not working - maybe I am missing something?

I looked at the code on your site, and I don't see any of the code for lightbox showing up, so it still seems like something is not properly installed.
did you check your FTP site manually to see if all the files got loaded?

[DivaVocals]

Not sure why, but the Lightbox add-on is generating some weird/invalid HTML on the product reviews pages. You will see the model number appear in what appears to be some weird link to the left of the product image. You can see what I am speaking of on this page:
http://clientlaserdiscvault(dot)overthehillweb(dot)com/index.php?main_page=product_reviews&products_id=8909

This weird link goes away when I turn off Lightbox.


Without Lightbox turned on this is the HTML created:

<div id="productReviewsDefaultProductImage" class="centeredContent back">  
<div id="productMainImage" class="centeredContent back"> 
<script language="javascript" type="text/javascript">
<!-- document.write('<a href="javascript:popupWindow(\'http://myclient.com/index.php?main_page=popup_image&amp;pID=8909\')"><img src="images/dasPic_24141.jpg" alt="National Geographic - Secrets of the Titanic [G52000]" title=" National Geographic - Secrets of the Titanic [G52000] " width="349" height="350" />
<br /><span class="imgLink">larger image</span></a>'); //-->
</script> 
<noscript> 
<a href="http://myclient.com/index.php?main_page=popup_image&amp;pID=8909" target="_blank"><img src="images/dasPic_24141.jpg" alt="National Geographic - Secrets of the Titanic [G52000]" title=" National Geographic - Secrets of the Titanic [G52000] " width="349" height="350" /><br /><span class="imgLink">larger image</span></a>
</noscript> 
</div></div>

With Lightbox turned off this is the HTML created (note the mis-behaving HTML created is in red):

<div id="productReviewsDefaultProductImage" class="centeredContent back">  
<div id="productMainImage" class="centeredContent back"> 
<script language="javascript" type="text/javascript">
<!-- document.write('<a href="images/dasPic_24141.jpg" rel="lightbox-g" title="National Geographic - Secrets of the Titanic<br /><span class=\"smallText\">[G52000]</span>"><img src="images/dasPic_24141.jpg" alt="National Geographic - Secrets of the Titanic [G52000]" title=" National Geographic - Secrets of the Titanic [G52000] " width="349" height="350" /><br /><span class="imgLink">larger image</span></a>'); //-->
</script>
<a href="images/dasPic_24141.jpg" rel="lightbox-g" title="National Geographic - Secrets of the Titanic&lt;br /&gt;&lt;span class=" smalltext"="">[G52000]"&gt;<img src="images/dasPic_24141.jpg" alt="National Geographic - Secrets of the Titanic [G52000]" title=" National Geographic - Secrets of the Titanic [G52000] " height="350" width="349"><br><span class="imgLink">larger image</span></a> 
<noscript> 
<a href="http://myclient.com/index.php?main_page=popup_image&amp;pID=8909" target="_blank"><img src="images/dasPic_24141.jpg" alt="National Geographic - Secrets of the Titanic [G52000]" title=" National Geographic - Secrets of the Titanic [G52000] " width="349" height="350" /><br /><span class="imgLink">larger image</span></a>
</noscript> 
</div></div>

I found the EXACT same issue with the beta version of the Colorbox add-on as well. (will also post this on the thread for the beta version of Colorbox) You can see the same issue using the Colorbox add-on on this page:
http://clienthairisle(dot)overthehillweb(dot)com/Hair-Extensions/Economy-Collection/Economy-Unprocessed/Indian-Remy-Micro-Thin-Machine-Weft-Virgin-Curly-Texture-3-Oz/reviews?number_of_uploads=0&

[niestudio]

what is invalid about it? thats the link that makes the lightbox work. note the rel="lightbox-g"

[DivaVocals]

what is invalid about it? thats the link that makes the lightbox work. note the rel="lightbox-g"

Please look at the page I referenced.. See the odd text link next to the image??? That's NOT supposed to be there..

This is the incorrect HTML that makes up this link. Please note the text in blue and green.. The text in blue is invalid HTML, and the text in green (looks like the model number) just doesn't belong there at all.

<a href="images/dasPic_24141.jpg" rel="lightbox-g" title="National Geographic - Secrets of the Titanic&lt;br /&gt;&lt;span class=" smalltext"="">[G52000]"&gt;<img src="images/dasPic_24141.jpg" alt="National Geographic - Secrets of the Titanic [G52000]" title=" National Geographic - Secrets of the Titanic [G52000] " height="350" width="349"><br><span class="imgLink">larger image</span></a> 

[niestudio]

strange indeed, I'll have a look soon.

[DivaVocals]

strange indeed, I'll have a look soon.

and this occurs in BOTH the Zen Lightbox and the beta Colorbox add-ons..

[water5]

I looked at the code on your site, and I don't see any of the code for lightbox showing up, so it still seems like something is not properly installed.
did you check your FTP site manually to see if all the files got loaded?

Yes I have checked the ftp site several times and all the files are loaded. I know it must be an install error or conflict somewhere but can't work it out.

[DivaVocals]

Yes I have checked the ftp site several times and all the files are loaded. I know it must be an install error or conflict somewhere but can't work it out.

You need to re-review the install instructions.. Even if the files were uploaded the fact that you cannot see them when you view the page source means you probably do not have them loaded to the right locations..

[alepia]

I've just installed this contribution on my website, however I'm getting this code:

jQuery(function($) { $("a[rel^='lightbox']").slimbox({}, function(el) { return [el.href, el.title /* + '
Download this image'*/]; }, function(el) { return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); }); }); //-->

written on top of any page with products!

http://alepia.ch/index.php?main_page...products_id=57


Moreover I have the issue that the 'search field' overlaps lightbox how can I solve this?