X-Cart forums - Shadowbox Integration

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

- Third Party Add-Ons for X-Cart 4 (https://forum.x-cart.com/forumdisplay.php?f=45)

- - Shadowbox Integration (https://forum.x-cart.com/showthread.php?t=38292)

Re: Shadowbox Integration

Well I uninstalled everything and tried to Lytebox/dynamic images a try....same thing, it only opens a window and does not use the shadowbox effect....

But if you uncheck detailed images open in seperate window box and click on the image at the bottom of page for detailed images...it works.....

Its burning me out.....LOL

Re: Shadowbox Integration

I give up....Lytebox and dynamic images never worked, not matter what I did....Lytebox seemed slow anyways....

Uninstalled everything......tried shadowbox again, but it will not call the flash shadowbox. Image just opens in the same window.

I know it all has to do with 4.1.11....everything worked before I upgraded.....although I have gallery running using the Lightbox effect and it works great....

Re: Shadowbox Integration

Well found out what was having the conflict.....Fancy categories when it is turned off....shadowbox works....

Now just have to figure out how to fix it.....

Re: Shadowbox Integration

Once you find that javascript applications conflict with each other - a good place to look for issues is in the initialization and window.onload events. (Fancy categories requires onload events and so does shadowbox.) You can find information about these kinds of issues in the shadowbox forums. The best methods I've found to keep all your javascript initializations clean are described in the link I've posted in #25.

Re: Shadowbox Integration

gb2world, thanks for that..... I found it, in home.tpl in the <body> tag.....there was this...

{$reading_direction_tag}{if $body_onload ne ''} onload="javascript: {$body_onload}"{/if}

this for Fancy, I can pull it and run fancy without javascript and shadowbox works....I need to figure out the best way from your link add this back in.....

Re: Shadowbox Integration

If you have more than one detailed image, you get image 1, image 2.....etc. I changed the label name to Detailed Image....

But How would i change it so even if there are multiple images it only Displays "Detailed Image" once....

Re: Shadowbox Integration

You can add a variable that is set the first time in the loop. The first time through the loop, you can display the text, then on subsequent times through, make the links hidden.

Here are some hints with which you can begin to experiment:

Something like this before the loop in shadowbox_images.tpl:
{assign var="i_counter" value=1}

then:

{if $i_counter eq 1}

Then display the first link and text as you want

{else}

The hef class should be hidden, something like:

<a rel="shadowbox[images]" href="{$images[image].tmbn_url}" title="{$images[image].alt|escape}" class="hidden">image</a>

then set the variable before you exit the loop

{assign var="i_counter" value=0}
{/section}

Re: Shadowbox Integration

Hi KeithExtreme -

Sorry - I forgot to include the css for the class called hidden - this would need to be included with your css:

.hidden {display: none;}

Re: Shadowbox Integration

I got close, but cannot figure it out......this is what I have.... it only shows one link, but it also only uses one image in flash....
I tried many things, but either the text was all gone and there where 4x magnifing glass...or nothing showed at all.....

{if $images ne ""}
{assign var="i_counter" value=1}
{section name=image loop=$images}
{if $images[image].avail eq "Y"}
{if $images[image].tmbn_url}
{if $i_counter eq 1}
<div class="shadowboxlinks"><a rel="shadowbox[images]" class="shadowbox" href="{$images[image].tmbn_url}" title="{$images[image].alt|escape}"><img src="{$ImagesDir}/zoom.gif" alt="{$lng.lbl_click_to_enlarge|escape}" /> {$images[image].alt|escape}{if $images[image].alt|escape eq ""}{$lng.lbl_image}{*math equation="value+1" value=$smarty.section.image.index*}{/if}</a></div>{/if}
{else}
<div class="shadowboxlinks"><a rel="shadowbox[images]" class="hidden" href="{$xcart_web_dir}/image.php?id={$images[image].imageid}&type=D" title="{$images[image].alt|escape}"><img src="{$ImagesDir}/zoom.gif" alt="{$lng.lbl_click_to_enlarge|escape}" /> {$images[image].alt|escape}{if $images[image].alt|escape eq ""}{$lng.lbl_image}{*math equation="value+1" value=$smarty.section.image.index*}{/if}</a></div>
{/if}
{/if}
{assign var="i_counter" value=0}
{/section}
{/if}

Re: Shadowbox Integration

Maybe try removing the zoom.gif in the else section of you code - does this work:

...

{else}
<div class="shadowboxlinks">
<a rel="shadowbox[images]" class="hidden" href="{$xcart_web_dir}/image.php?id={$images[image].imageid}&type=D" title="{$images[image].alt|escape}">image</a>
</div>
{/if}