Stacked Testimonial Slider Navigation Broken

[oriol]

I recently trimmed down a site I’m working on. While doing a final revision I realized the Stacked Testimonial Slider (from the Modern Sliders pack) navigation was broken: whenever I click on the previous or next button it does change the slide, however, it then navigates to a non-existent page at domain.com/next (or previous), which, of course, causes a 404 error. See Example 1 in secure note.
Upon inspection, I realized the div elements’ URLs were missing the hashtag before them

for the navigation, compared to another (working) implementation.
I proceeded to add the hashtag to both the “Prev” and “Next” URLs and that seemed to fix the problem. See Example 2.

However, trying to figure out what had happened, I restored a backup from a week ago, and the navigation seems to be working without the hashtags. See example 3.

Could you help me figure out what might be going on? I’d like to know if there might be other problems with the site that I might have overlooked that might be related to this.

[ruenel]

Hello @Oriol,

Thank you for this very detailed post information. The correct hashtag for a href or link URL should be #previous and #next. Using #prev and #next would work as well.

Best Regards.

[boomfly]

You can actually leave the link url blank, so long as the custom attributes data-x-slide-next="" and data-x-slide-prev="" are set.

Then you don’t see domain.com/#next and domain.com/#prev appear in your browser url. Then I usually add a bit of CSS to make sure the hand pointer cursor appears on each next/prev links.

Hope that helps.

[tristup]

Hi @boomfly,

Thanks for your solution.

[oriol]

That worked perfectly, thanks!

[ruenel]

Always a pleasure, @Oriol.