Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I need a slider and a thumbnail navigator. After several failed attempts to configure flex-slider module to achieve this I opted to use flex slider gallery which offers a module solution but i think its hard coding some configuration. I would like to be able to do create a slider/thumbnav using only views and the built in config. Is it possible? Please can you explain how to use the "Sync" and "Use as navigation" settings to achieve this. What identifier to use in these fields? A video to show it working would be ideal. thanks. laurence.
Comment | File | Size | Author |
---|---|---|---|
#8 | ID-views-setting.jpg | 66.16 KB | socialform |
Comments
Comment #1
Syntapse CreditAttribution: Syntapse commentedmore specifically: what i need is a slider with side navigation (L/R arrows) and a thumbnail carousel with navigation (L/R arrows) linked to the slide.
Comment #2
socialform CreditAttribution: socialform commentedI 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.
Comment #3
Syntapse CreditAttribution: Syntapse commentedHi thank you for assistance. I included # but was trying to use the CSS ID's I guess that is not what you are referring to? Where do i find the views id? can you elaborate on "You get the ID for the respective Thumbs and Gallery flexslider from their views settings".
thanks
laurence
Comment #4
Syntapse CreditAttribution: Syntapse commentedIve assumed we must be using the HTML element ID as as i cant find a separate view id. Ive tried all binary combinations in the "Sync" and "Use as navigation". Entering an ID into the "Use as Nav" field of either causes that element with that ID to disappear from the screen. If I dont enter values in these fields both are displayed but operate independently.
Comment #5
Syntapse CreditAttribution: Syntapse commentedduplicate entry removed
Comment #6
Syntapse CreditAttribution: Syntapse commented"You get the ID for the respective Thumbs and Gallery flexslider from their views settings".
Do you mean machine_names or some other id?
Comment #7
Syntapse CreditAttribution: Syntapse commentedComment #8
socialform CreditAttribution: socialform commentedYes, it sets the CSS ID... you set it in the View settings. See image: