Problem with swiper slider implementation

Hi all

I’ve a site that uses a purchased template. Within that template is the ‘swiper slider’ which I am having a problem with.

I would ask for help on their forums but no one seems to respond.

The slider all works fine, but each of the 4 slides contains a button with a standard a tag for a link.

However whilst each slide has a different button with different text and different destination URLs all button links are pointing to the same place on the live site. The button text changes for each slie, but the destination URL is always the URL from slide 1.

As this is javascript functionality I don’t know where to begin, can anyone point me in the right direction please of why the link destinations for slides 2, 3 and 4 are being ignored?

site is live here https://www.parkchambersdental.co.uk/

Any advice welcome.

Thank you

Matt

Hi @MattSmithCornwall, this is not an issue with the JS as the initial page markup already contains the wrong links; so it is most likely an issue with your data or backend / theme configuration, or a bug in that theme. I’m afraid we can’t help you here without being able to log into your system, especially as this is a purchased theme… is there no customer support you might contact directly?

Thank you for replying.

Following posting this I have modified all the destination URLs locally and whatever the URLs are set as, all slides use the URL for slide one and the URLs for slides 2, 3 and 4 are ignored.

I’ve also posted a ticket with the template supplier, I’ll update here if I get anywhere

cheers
Matt

It’s a z-index issue as all the elements are translated away but essentially the first item is always on top even though you can’t see it.

Try adding this:

.swiper-slide-active{z-index:999}

Thanks Paul appreciated.

The template support have advised I need to use the full URL including domain but I haven’t had time to try that yet. I will do and report back.

I did wonder if the issue was something to do with the ‘stacking’ of the slides so I understand your fix and will look at that later on too. Thanks again

Matt

1 Like

If you look at the image I posted you can see in the status bar at the bottom that the button is now showing the correct URL. Whether or not you need an absolute URL will not affect the fact that you cannot click it unless the z-index is raised.

Or I’m looking at the wrong problem :slight_smile:

I do agree that your solution sounds more likely to work than the suggestion of using full URLs!

I am away from that project at the moment but will try again later tonight.

thanks :slight_smile:

1 Like

Just tried this on the live site with temp css and it worked immediately - thank you for taking the time to help :slight_smile:

Will update properly tonight.

have a good weekend

Matt

1 Like

Hi, just to close the loop - your fix resolved it on live. Thanks for taking the time to help. Regards,
Matt

1 Like