Change content slider with external link or button

Beaver Builder
1

If I’m not mistaken, bxslider is used to create your content slider. How would I get it to change slides from outside the slider?

I saw this on bxsliders page but I’m not sure how to implement it into beaver builder
slider = $(’.bxslider’).bxSlider();
slider.goToSlide(3);

2

Hey Thomas,

I believe that requires more work to achieve that. I did quick a Google search and found a link below that might help. You’ll have to probably use jQuery to trigger a click event. Give it a shot and let us know how it goes.

http://stackoverflow.com/questions/21958087/link-to-bxslider-slide/28675637#28675637

Thanks!

KC

3

I went ahead and tried that, and then did some more digging. It appears that beaver builder’s BXSlider is highly modified, to the point where I’m not even sure how I would apply BXSlider options to it.

Could you please give me the full jQuery code for GoToSlide()?

4

Nevermind, I figured it out. Beaver builder changed the class names, so I needed to use a different selector.

5

Hey Thomas,

Glad that figured it out. Do you mind telling us how you do this? Just curious, though. :slight_smile:

Thanks!

KC

6

slider = $(‘.bxslider’).bxSlider();
slider.goToSlide(3);

just requires switching the class name from .bxslider to .fl-content-slider-wrapper

7

Hey Thomas,

Thanks for sharing and glad that worked for you. Enjoy BB and let us know if you need anything further! :slight_smile:

Thanks!

KC