Jump to:

10931 Posts in 2614 Topics by 1810 members

All other Modules

SilverStripe Forums » All other Modules » Flexslider Module for ss3

Discuss all other Modules here.

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

Page: 1 2
Go to End
Author Topic: 2670 Views
  • lx
    Avatar
    Community Member
    82 Posts

    Flexslider Module for ss3 Link to this post

    I just added a slider Module for ss3.
    It uses the flexslider JavaScript Library.
    The created sliders are responsive and Support slide gestures on mobile devices.

    You can Download the Module here:
    https://github.com/lx-berlin/silverstripe-flexslider

    The Module was just released , so there might still be Bugs in it.
    If you find One, please Report on github or in this Forum thread.

  • lx
    Avatar
    Community Member
    82 Posts

    Re: Flexslider Module for ss3 Link to this post

    I just added a detailed documentation which mainly consists of screenshots.
    http://www.netefx.de/Silverstripe-flexslider.php

    The documentation is not yet finished but if gives you an idea how the slider looks like.

  • Liam
    Avatar
    Community Member
    470 Posts

    Re: Flexslider Module for ss3 Link to this post

    I'll be sure to keep an eye on it as I use Flexslider for all my sliders.

    From what I briefly saw, looks good. Thanks!

  • tiatisch85
    Avatar
    Community Member
    5 Posts

    Re: Flexslider Module for ss3 Link to this post

    Thank you lx for the great modul.

    When using the "simple" themes must be the jQuery integration in page.ss still be deleted. Otherwise there will be conflicts.

  • nmshah
    Avatar
    Community Member
    21 Posts

    Re: Flexslider Module for ss3 Link to this post

    I have added the module to my website and followed the tutorial as mentioned on the mentioned site. It all seems to work fine at the backend but nothing is being displayed on the Home page.

    Both in the templates and shortcode method to display the slider, in the source code, the flexslider content is present but it is not being displayed.

    Kindly check out the following link: http://inspiredsolutions.in

    Have added the code in templates just above the title of the page.

    Kindly help

  • lx
    Avatar
    Community Member
    82 Posts

    Re: Flexslider Module for ss3 Link to this post

    Hi nmshah,

    looks again like a jQuery problem.
    If you open the firebug console you will see this message:

    TypeError: $ is not a function

    $('.flexslider_1').flexslider({

    I am wondering why there is a form on this website before the opening <html> tag. Is this also caused by the flexslider plugin ?

    But before i checked your website on my pc i did check it on my ipad. And guess what, the flexslider was working perfectly on the ipad. I could move the 2 slides "inspiRed" and "experimental Marketing".

    Maybe you should check your template again.
    Or maybe you require jQuery yourself and remove the requirement in the module.

  • nmshah
    Avatar
    Community Member
    21 Posts

    Re: Flexslider Module for ss3 Link to this post

    Hello Lx,

    Thank you
    I have got the slider working now by removing the jquery requirement from the module.

    As for the contact form before html, that is something that I have been trying to resolve but have been getting stuck.

    I am trying to include a php contact form in the website using the following code in page.php

       public function MyContactForm() {
          $contact_form_path = '/home/insol/public_html/contact-files/'; // set path to /contact-files/ with slash on end.
          require $contact_form_path . 'contact-form-run.php';
          $contact_form = '1'; // set desired form number.
       }

    Have no idea what to do? Any suggestions would be greatly helpful...

  • nmshah
    Avatar
    Community Member
    21 Posts

    Re: Flexslider Module for ss3 Link to this post

    It worked initially but then suddenly I had the same problem.
    This time I hope I have solved it for good by

    Changing Line 2 on /flexslider/javascript/flexslider.template.js

    From

    $('.flexslider_$sliderID').flexslider({


    to

    jQuery('.flexslider_$sliderID').flexslider({

    2670 Views
Page: 1 2
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.