hi. i have spent many hours trying to set up a slideshow with a carousel pager (not just thumbnails but a working carousel with its own pager). I have seen some (incomplete) references online that it is possible but still not able to reproduce. Are there any simply steps or guidelines that will allow me to do this. I see that the the Config/Media/Flexslider configuration the option is there to navigate with thumbnails. is it possible to configure from the UI to have one flexslider control another. please note: this is fairly easy to do with slideshow and jcarousel but they are not responsive by default. thanks

Comments

Syntapse’s picture

Two more considerations.

1. Im looking at options on flexslider website... http://flexslider.woothemes.com/thumbnail-slider.html. the slider with thumbnail slider appears to do exactly what i need but the option set with the same name isnt working from views by mere selection.

my view has three fields: title, body, image and i have using the slider w/thumbnail slider option set.

2. There is a "Use as navigation" setting available in the option sets but no instruction how to use it. What do i enter into this field and how do i use the value? Is there a sequence of steps to set this up to work with views?

Thanks

Laurence

Syntapse’s picture

Priority: Major » Critical

ok. i have been reading comments and discussions online and it appears there are two fields that SHOULD make this work both found in the options set configuration.

1. Sync
2. Use as Navigation.

To try to make this work I have

1. I set up a page view with a FlexSlider with default option set (#flexview1) and a view attachment with a Flexslider with basic carousel settings (#flexview2). The view attachment is placed above the main slider.
2. I set the Sync field on default option set (my main slider) to #flexview2
3. I set the Use as Navigation on basic carousel (my carousel navigation) to #flexview1.

This breaks the view and only the carousel displays. I have unidirectional referencing of the about (i.e. only Sync or only Use as Nav) which displays both views but doesnt provide necessary functions.

I have run out of ideas on other ways this may work. Looking at the FS website I think I have followed the correct procedure. urgent help would be greatly appreciated as I really need this in my new project.

Thanks

Laurence

cfusch’s picture

Hi, Laurence!

I have the same kind of issue #2424353, "Flexslider thumbnail navigation doesn't work", ... I just don't know how to use this properly. Maybe together we can nail it while waiting for one of the team members to help out. I think we're both pretty close.

I need a slider at top and a thumbnail carousel at the bottom to do the navigating by clicking on a given thumbnail, and have its own navigation of moving through the thumbnail carousel by clicking its left-right arrows (when there are many thumbnails). The example that I want can be found on http://flexslider.woothemes.com/thumbnail-slider.html [sounds like your same requirement]

I've resorted to using the example view provided by the flexslider module. (it is accessible by enabling it in the modules). With that set of displays, I'm wanting to get display, "Slide with thumbnail slider" (the main slide) to work with the thumbnail carousel, "Carousel with min-max". I know that I need to ~cross-sync~ the displays in their respective option sets, but I don't know what each of them are named(ID), e.g. "#flexslider-1", "#flexslider-99" in order to do the sync. Using firebug, they all seem to have the same div ID. So that's not working for me.

Have you gotten far enough along to know how to find their respective IDs OR to provide the target view display with an ID? Also, I'm guessing that one should be a 'page' and the other a 'block'??? [or maybe both could be blocks?]

Carl

socialform’s picture

I was having similar issues and then this tutorial helped me out. Maybe it will for others:
http://www.reinisfischer.com/drupal-developer/drupal-flex-slider-gallery...

In my case I wasn't putting the # character before the ID in "Sync" and "Use as navigation". You get the ID for the respective Thumbs and Gallery flexslider from their views settings. I also wasn't clear on whether to put the ID in Sync or Use as navigation. It turns out to be obvious... you put the Thumbnail view's ID in the Gallery's flexlider Sync option. AND you put the Gallery's View's ID in the Thumbnail's flexslider Use as navigation option. The tutorial above left this last part out.

Also, I to be clear my two views were added to a panel just using the master view. I also upgraded to 7.x-2.x-dev from the alpha3 but I'm not sure that matters.

cfusch’s picture

Socialform, Thanks for the feedback! I have seen the website at the link that you give above in #4 and it was very helpful. The problem was, in fact placing the ID in the correct field ... and yes, it was obvious. (duh)

Carl

drclaw’s picture

Hi everyone,

I created a patch that adds some configuration options to streamline the process of creating a carousel pager. It would be great to get some testers on it!

#2487672: Simpler Carousel Pager Navigation

Thanks!
drclaw