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?
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?
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
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
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.