Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

DataObjectManager Module /

Discuss the DataObjectManager module, and the related ImageGallery module.

Moderators: martimiz, UncleCheese, Sean, Ed, biapar, Willr, Ingo, swaiba

gallery-effect in the ecommerce-module


Go to End


7 Posts   2348 Views

Avatar
fritzkopf

Community Member, 10 Posts

6 August 2009 at 10:23pm

hi guys,

ive got a problem.

i use on a website the ecommerce-module and i want to open the product-pictures with lightbox or something like that...

i install the image_gallery-module and included the required files in the page.ss

<link rel="stylesheet" type="text/css" href="/image_gallery/css/ImageGallery.css" />
<link rel="stylesheet" type="text/css" href="/image_gallery/css/lightbox/jquery.lightbox-0.5.css"/>

<% require javascript(jsparty/jquery/jquery.js) %>
<% require javascript(image_gallery/javascript/lightbox/jquery.lightbox-0.5.js) %>
<% require javascript(image_gallery/javascript/lightbox/lightbox_init.js) %>

and in the product.ss-template of the ecommerce-module i use this for the image:

<% if Image.ContentImage %>
<a id="ViewLink-$ID" rel="lightbox" class="lightbox" href="$Image.URL"><img class="productImage" src="$Image.ContentImage.URL" alt="" border="0" /></a>
<% else %>
<img src="ecommerce/images/productPlaceHolderNormal.gif" alt="<% sprintf(_t("NOIMAGE","Sorry, no product image for &quot;%s&quot;"),$Title) %>" />
<% end_if %>

the problem is... the picture do not open with lightbox and i dont know what the error is...

can someone help me?

here is the url: http://www.reimer-ministries.com/die-welt-umarmen/
i want to open the picture on the left site....

thank you for helping me...

fritzkopf

Avatar
fritzkopf

Community Member, 10 Posts

12 August 2009 at 6:23pm

nobody????????

Avatar
bummzack

Community Member, 904 Posts

12 August 2009 at 7:28pm

Modify your lightbox_init.js script from:

$(function() {$('a.lightbox').lightBox();});

to:

jQuery(function(){ jQuery('a.lightbox').lightbox(); });

You might have a jQuery <> Prototype conflict there.

Avatar
fritzkopf

Community Member, 10 Posts

12 August 2009 at 9:32pm

hi banal...

thank you for you help...

but this doesn´t work, too...

the firebug say: jQuery("a.lightbox").lightbox is not a function

Avatar
bummzack

Community Member, 904 Posts

12 August 2009 at 10:07pm

Edited: 12/08/2009 10:07pm

I'm sorry, you seem to use a different Version of jQuery Lightbox.
I thought you were using this: http://github.com/krewenki/jquery-lightbox/ which requires you to call .lightbox();

In your case, it seems like you have to write:

jQuery(function(){ jQuery('a.lightbox').lightBox(); });

Avatar
fritzkopf

Community Member, 10 Posts

13 August 2009 at 12:30am

hey banal:

this is the same code like before... LOL...

Avatar
fritzkopf

Community Member, 10 Posts

13 August 2009 at 12:42am

ok...that was the right code !!!

THANK YOU!!!!! IT WORKS !!!!!!!!