X-Cart forums - Lightbox JS v2.0 implementation

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)

- - Lightbox JS v2.0 implementation (https://forum.x-cart.com/showthread.php?t=23858)

Re: Lightbox JS v2.0 implementation

ThickBox x-cart hack is updated with latest ThickBox 2.1.1 code. download

2.1.1 Change Log:
---------------------------
- Updated Thickbox to work with jQuery release 1.1.1
- ThickBox mod will now add numeration and generic image name(Image 1, Image 2, ecc.) only if the alt tag is not specified.

IMPORTANT: Version 4.0.x not yet ready.

Re: Lightbox JS v2.0 implementation

Quote:

Originally Posted by ezi designs

Just updated this mod to 2.1 and all is fine, except one thing. When i click on 'detailed images' it opens fine, but in the bottom left hand corner it displays ' click to enlarge' great i thought ! not so, it closes the screen.

Richard, download updated mod for 4.1.x.

Re: Lightbox JS v2.0 implementation

Hey Guys,

I'm new to the forum.

I've been trying to get thickbox working for detailed images like this for some time now and I've been running into a weird problem. The image grabbed into the thickbox displays as a string of unparsed data instead of a visible image. It is the correct image (I can tell by the metadata) but it's just not being parsed correctly or something. Plain old school javascript pop ups work perfect too.

Re: Lightbox JS v2.0 implementation

Jason, thickbox for xcart version 4.0.x is not ready.

Re: Lightbox JS v2.0 implementation

Awesome work. I just installed it and it looks great!

Re: Lightbox JS v2.0 implementation

Okay, it's now nearly exactly how I want it. I currently have this as my productpage.tpl

Quote:

{if $images ne ""}
<div style="white-space:nowrap;color:#000000;font-weight:bold;padding:2px;margin:10px 0 4px;">Click Images To Enlarge</div>
{section name=image loop=$images}
{if $images[image].avail eq "Y"}
{if $images[image].tmbn_url}
<div style="white-space: nowrap;padding-left:10px;"><a href="{$images[image].tmbn_url}" title="{$images[image].alt|escape}" class="thickbox" rel="[detailed]"><img src="{$images[image].tmbn_url}" width="75" style="border:0;" alt="{$lng.lbl_click_to_enlarge|escape}" /></a></div>
{else}
<div style="white-space: nowrap;padding-left:10px;"><a href="{$xcart_web_dir}/product_image.php?imageid={$images[image].imageid}" title="{$images[image].alt|escape}" class="thickbox" rel="[detailed]"><img src="{$images[image].tmbn_url}" width="75" style="border:0;" alt="{$lng.lbl_click_to_enlarge|escape}" /></a></div>
{/if}
{/if}
{/section}
{/if}

How can I alter this so the images run horizontally instead of vertically?

Re: Lightbox JS v2.0 implementation

try a "float:left" on your divs or take out the divs altogether and apply your inline style to the anchor tag?

Re: Lightbox JS v2.0 implementation

Thanks for your help, but that didn't seem to work

Re: Lightbox JS v2.0 implementation

Quote:

Originally Posted by MattUK

How can I alter this so the images run horizontally instead of vertically?

Matt, alredy explained in this thread. :roll:

Re: Lightbox JS v2.0 implementation

Any word on getting this to work in vers. 4.0.19 ?

I'm reading that it is not compatible, is this correct?