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 have multiple flex slider views on one page, and the dots below the slider work as they should on the first slider, with the 'flex-active' class being set to the correct dot.
But the other sliders on the page, have no 'flex-active' class set on any dot, even when the slides are scrolled through, or the dot clicked.
Comments
Comment #1
minorOffense CreditAttribution: minorOffense commentedDo the controls on the other sliders have any affect on the first slider? I'm thinking the controls are being mapped incorrectly.
Comment #2
modstore CreditAttribution: modstore commentedYes, the controls seem to affect all sliders on the page. I added play/pause control, and when I click one of them, all pause/play links are toggled.
Comment #3
minorOffense CreditAttribution: minorOffense commentedCan you provide and export of your configuration?
Comment #4
plopescSame for me.
I have 3 different flex slider in my front page. However the dots do not work. When I remove two of them, the other one works fine.
I use the default config for the first flexslider. The other two uses a custom preset, where I only have disalbled the playback behavior.
In my case, the paging
is added three times in all the flexslider, one for each flexslider. Then ther is a bug or conflict between the different flexslider.
Here is the HTML generated:
Regards
Comment #5
plopescHello
Finally I was able to fix the bug.
Problem came from the controlContainer defautl value. By defautl, this value in FlexSlider module is
.flex-nav-container
.However, to avoid these prblems, he value should be
.flex-control-nav-container
as explained in this FlexSlider library request https://github.com/woothemes/FlexSlider/pull/85.Regards
Comment #6
minorOffense CreditAttribution: minorOffense commentedShould be fixed in the latest commit. Please test and report back.
Thanks.
Comment #7
danwonac CreditAttribution: danwonac commentedI had the same problem on 7.x-1.x and followed plopesc's advice (once I understood it :-) To be clear:
for each option set
Comment #8
minorOffense CreditAttribution: minorOffense commentedComment #10
gb2world CreditAttribution: gb2world commentedI have this issue with:
Flexslider 7.x-2.0-alpha3
Setting up a page view with multiple flexslider instances:
Format:Unformatted list
Show:Display Suite -> Full Content Node View
and the Display Suite uses a field of multiple images set up to display with Flexslider
The controls on the last instance of Flexslider on the page controlled all the instances of Flexslider. Controls on all other flexsider instances had not effect.
The solution in #5 cleared up the problem. (Thanks!)