Shadowbox Integration
 

Hiya Guys.

I came across the rather cool ShadowBox, which can be seen here http://mjijackson.com/shadowbox/

I actually came across it following a link from www.xcartmods.co.uk who have a free mods section, however this is currently offline and I need to get this integrated.

So does anyone have the integration, or can provide ways to do it please.

I can do html and potter around in scripts but am basically a cut-and-paster if I am honest. many Thanks

Chris 8)

(version 4.1.8 upgraded to 4.1.9)
www.proactivefitness.co.uk is the xcart site I have been working on. It is my first. Cheers

Re: Shadowbox Integration
 

Just go to Phil's site and click on the "Download" link...
He already did all the work for you!

Re: Shadowbox Integration
 

Moving to Third Party add-ons as this is not a Qualiteam add-on.

Re: Shadowbox Integration
 

OK cheers, the links work now, thanks

Re: Shadowbox Integration
 

This mod looks pretty good. Have anyone out there have tried it out yet?

Re: Shadowbox Integration
 

I am trying to install it right now....but do not know which part of the code to use Do I use the

YUI Utilities Users...

or

jQuery Users...

Re: Shadowbox Integration
 

I got it installed, there seems to be no problems....but first I do not fully understand the Detailed Images thing.....and exactly how to implement shadowbox......

Re: Shadowbox Integration
 

I got it, sometime I forget about all the options for a particular section are all at the top...

Just click on Detailed images and upload one and after that shadowbox takes over in the product details

Very simple and looks great......

Re: Shadowbox Integration
 

Re: Shadowbox Integration
 

I got this working but would like thumbnails of the images to show rather than Image text Links

Re: Shadowbox Integration
 

Does anyone know if I have to download any other programs to work with this? The only thing I've done is I've uploaded everything in the zip file posted above and made a few file changes. Nothing displays on my site

Thanks

Re: Shadowbox Integration
 

You should not need anything more than what is in the XCART Mods download to display the shadowbox.

Re: Shadowbox Integration
 

I'm not seeing anything different in the product details or the detailed images. What should I be seeing? I haven't been able to get this working properly on the site yet - not sure if it's because something is missing in the admin.

Re: Shadowbox Integration
 

sorry, i figured out what you were seeing. that didn't fix the problem. i've removed the mod from the site - can't get the javascript to work. seems to be an issue with Shadowbox.init

Re: Shadowbox Integration
 

This alternative (free) solution may work for you:

Dynamic Images - resizes images to proper thumbnails on-the-fly

A shadowbox howto, using Dynamic Images mod - The shadowbox solution I use, is Lytebox. This howto that I posted in my forum, explains how to implement Lytebox + Dynamic Images

Cheers

Re: Shadowbox Integration
 

Hi Jon,

I looked at that mod earlier but it doesn't seem to have the lightbox effect when I click on the sample page. It just goes to the full size image.. Thought it might be a Firefox issue but I tried it in IE7 too with the same results.

Re: Shadowbox Integration
 

Thanks for pointing that out, it's fixed now. I was tired last night, apparently I made a change that broke the javascript :-)

Try now :-D

Re: Shadowbox Integration
 

:-)

Have you had any issues with javascript conflicts? That's why I gave up on the Shadowbox integration. Don't want to invest more time if I'm going to be faced with the same issue.

Re: Shadowbox Integration
 

The reason I went with Lytebox, is specifically because it doesn't have conflicts the way other shadowbox applications do. Other shadowboxes are typically based on JQuery, Mootools, or some other library, but the problem is, if you're mixing and matching different applications that all use those same libraries, you end up seeing a conflict somewhere.

Lytebox is completely standalone & self-contained. Seems much cleaner from an organizational standpoint :-)

Cheers

Re: Shadowbox Integration
 

cool - i'll give it a whirl

Re: Shadowbox Integration
 

well, finely making some progress with a lightbox but it's only working when i don't have any detailed images. if there are detailed images with the product, it reverts back to the standard detailed images mod. disabling "Display detailed images in a popup window:" didn't help.

my product.tpl file is heavily customized so that could also be the issue. here's the code that generates an image on the product page:


any suggestions?

Re: Shadowbox Integration
 

What is that $product.imageurl bit referring to?

Re: Shadowbox Integration
 

we need to publish the large product image and also detailed images if there are any. this page might give you a better idea of what we're trying to accomplish http://cmswebsolutions2.com/ballance/product.php?productid=2&cat=&page=1

Re: Shadowbox Integration
 

If you'd like, contact me via email, I'll help you figure out a solution

Re: Shadowbox Integration
 

If you are having issues with several javascript initializations conflicting with each other - you might find the methods described here useful: http://www.dyn-web.com/tutorials/combine.php

Re: Shadowbox Integration
 

Hi Jon,

Thanks for the offer. I've sent an email off to you about getting this working.

Re: Shadowbox Integration
 

Hi,

I have installed X-Cart_Shadowbox_Integration_v4.1.x.zip mod but it is giving the following error

Fatal error: Smarty error: [in shadowbox/shadowbox_videos.tpl line 1]: syntax error: unrecognized tag: continuous:true (Smarty_Compiler.class.php, line 436) in /home/bol14453/public_html/Smarty-2.6.10/Smarty.class.php on line 1088

when I put last peace of code which is from install.txt

6) In /skin1/customer/main/product.tpl

Add this code wherever you want your product detailed image(s) to appear...

{include file="shadowbox/shadowbox_images.tpl"}

Add this code wherever you want your product video(s) to appear...

{include file="shadowbox/shadowbox_videos.tpl"}

Can anyone help me out. Help would be highly appreciated.

Re: Shadowbox Integration
 

I've got the same problem....Any solutions?

Re: Shadowbox Integration
 

Man I had to restore my site from a 2 day old backup and now Shadowbox will not work...

I un-installed everything downloaded the latest and installed it all....all the tables are in the database....the text shows up with magnifying glass.....but if you click on the picture, it just opens in the same window, if you click on the text it opens in a seperate window....

This weird....I wonder if it has anything to do with smarty upgrade Smarty-2.6.19 going to 4.1.11???

Re: Shadowbox Integration
 

I found the JS patch in the fix folder....but that did not help.

When you hover the pointer over the link it just shows a normal URL, shouldn't it show a call to javascript?

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}