Jump to:

7935 Posts in 1536 Topics by 943 members

DataObjectManager Module

SilverStripe Forums » DataObjectManager Module » gallery-effect in the ecommerce-module

Discuss the DataObjectManager module, and the related ImageGallery module.

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

Page: 1
Go to End
Author Topic: 1770 Views
  • fritzkopf
    Avatar
    Community Member
    10 Posts

    gallery-effect in the ecommerce-module Link to this post

    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

  • fritzkopf
    Avatar
    Community Member
    10 Posts

    Re: gallery-effect in the ecommerce-module Link to this post

    nobody????????

  • banal
    Avatar
    Community Member
    901 Posts

    Re: gallery-effect in the ecommerce-module Link to this post

    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.

  • fritzkopf
    Avatar
    Community Member
    10 Posts

    Re: gallery-effect in the ecommerce-module Link to this post

    hi banal...

    thank you for you help...

    but this doesn´t work, too...

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

  • banal
    Avatar
    Community Member
    901 Posts

    Re: gallery-effect in the ecommerce-module Link to this post

    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(); });

  • fritzkopf
    Avatar
    Community Member
    10 Posts

    Re: gallery-effect in the ecommerce-module Link to this post

    hey banal:

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

  • fritzkopf
    Avatar
    Community Member
    10 Posts

    Re: gallery-effect in the ecommerce-module Link to this post

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

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

    1770 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.