More than one flexslider on a page

3 replies · opened Mar 7, 2019

MminoltaMar 7, 2019

Hello,

I want to use slider as shown in file: flex-with-carousel-thumbs.html.
However, it doesn't work if there are more than one flexslider on a page.
Could you help me with altering the script so that I can use flexslider multiple times within one html file?

Regards

SSemicolon WebSTAFFMar 10, 2019

Hello,

Please make sure that all the instances of #flex-slider-carousel, #flex-slider are properly duplicated including the HTML and JS Codes and then renamed to a Unique ID. Example:

1st Instance with be #flex-slider-carousel-1 and #flex-slider-1, 2nd Instance will be #flex-slider-carousel-2 and #flex-slider-2 and so on.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MminoltaApr 1, 2019

Is there any way of not duplicating JS code for each slider?

SSemicolon WebSTAFFApr 3, 2019

Hello,

Unfortunately, not! This example of the Flex Slider implementation requires Custom JS Codes which requires you to duplicate them for each iteration of this block.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard