Hello, I am using a slider in a card to display four photos of properties. These cards (components) are on the home page in another slider to scroll through a short selection of properties. When I do this, I click on the ‘slide navigation’ arrows on a map and the parent slider moves instead of changing photos within the same property. I have tried to ‘play’ with the data-x-slide without success.
How can I fix this? Thank you in advance.
Hello @cpennetier,
Thanks for writing in!
You can add an element ID to one of your Slider Containers. You can then use the data-x-slider-id custom attribute on the slide navigation so that it will only move to the next/previous slide within that slider.
Kindly let us know how it goes.
Hi @ruenel,
It works but there when card are display in a simple listing but with cards into a slider, I have a class “is-current-slide” that is added to all slide, so navigation doesn’t work.
Do you want an access?
Hello @cpennetier ,
Yes, please. We would be happy to double check your site if we can log in. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site
To know how to create a secure note, please check this out: How The Forum Works
Best Regards.
FYI, it works on mobile but not in desktop. The issue is on “# per page” setting in the slider.
I give you access below.
Hey @cpennetier,
You need to add the data-x-slide-context attribute to tell the slider to navigation its own if it’s a multi slider setup (see the working slider in the secure note)
