Carousel Navigation Issues

  • Resolved supadigital

    (@supadigital)


    1 year, 11 months ago

    Hi

    I am using the carousel widget with repeater slides and templates for each slide.

    I have figured out how to navigate between slides by giving each slide an ID and using that ID for the target slide in the ID field of the relevant widget from which you wish to navigate from.

    BUT – I have 4 slides and each slide has a back button to the main slide. It seems that having multiple slides using the same target ID class is causing issues as only the first slide navigates back to the main slide, but not the other 2 slides. Structure is as follows:

    1. MAIN SLIDE – this slide has links to slide 1, 2 and 3. These links work and the slide successfully navigates to each of the below slides.
    2. Slide 1 – has a back to main slide button that successfully links back to above MAIN SLIDE
    3. Slide 2 – Uses identical button as Slide 1, but button doesn’t work
    4. Slide 3 – Also uses identical button as slide 1 and 2 but button doesn’t work.

    I need slide 2 and 3 to also navigate back to main slide when back button is clicked. The back button uses the same target ID class for the main slide.

    You can visit the site at the link attached to this post and the carousel is in the second section down on the page with the green background where Insurance, Auto and Money are listed. These items are clickable. Please test and revert with any feedback. am I doing something wrong or is this a bug? Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Leap13

    (@leap13)

    Hi @supadigital

    If you have more than one element on the same page that you want to navigate to the same carousel tab, then you should use CSS classes, not IDs.

    All, you need to do is to navigate to your button -> Advanced tab -> CSS Classes, set the class you want. This class should be given to all the buttons that will navigate to a specific carousel slide.

    Then, in the carousel settings use “.” instead “#” before the CSS selector.

    Cheers!

    Thread Starter supadigital

    (@supadigital)

    Hi

    Firstly, thanks for the SUPER quick response. And secondly, this makes sense and I will implement accordingly. Thanks you so much for your assistance. Very much appreciated!! You rock!

    Plugin Author Leap13

    (@leap13)

    Awesome, so glad to hear that. It’s always my pleasure to help ??

    We would greatly appreciate if you could rate Premium Addons from here. You can’t imagine how much this would help us.

    Regards

    Thread Starter supadigital

    (@supadigital)

    Provided a positive review just now. Thanks so much once again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Carousel Navigation Issues’ is closed to new replies.