Create a Stunning Repeater Slideshow Navigation Indicator | Wix Studio

Elevate your Wix website with a captivating slideshow navigation!
Join me in this quick tutorial where we create a dynamic repeater-based navigation system.
Learn to add responsive navigation buttons and a sliding indicator for that extra visual pop.
Whether you're a Wix beginner or pro, this tutorial has something for everyone.
Like, share, and subscribe for more Wix tips and tricks!

Live demo:

Code snippet:

#WixStudio #Slideshow #Wix

[twijjukyeanan]

For some reason I thought you were not going to create with Wix Studio, but am really surprised and I am so happy to see this, , welcome back Matanya

[poppingjaz]

I'm glad your back making videos!

[jonathanganga]

Thank you! I Love your videos and your ideas to make new things with editor X.

[daniell]

Great i love it thank you very much! 😍

[ShanthasTable]

Thankyou so much, will this work for multiple repeaters in single page?

[holgerhedrich]

Hi, I think that the code you provided is for a slideshow repeater where each slide takes up 100% of the screen. Is it possible to modify it that two items are visible at the same time, with the first two items taking up 40% of the screen each and the third item taking up the remaining 20% (the half of the third item)?

[misterwanderluster]

Amazing work! I implemented it right away, and have a repeater of 30 items. The dataset is set to show max 100 items, and the slide repeater shows all 30. The navbar only has 23 dots. That's weird right? I hope you can help!🙏

[kennygo]

can i still edit the separated design on each slides?

[AlexPerkins-is]

If I want it to continue to move automatically even when my mouse is hovered over it, how do I change this in the code? So no matter what it'll continue to move through?

[dg]

This thing is preventing my mobile site from loading properly (it sits in infinite loading loop) Edit - adding more than one slide breaks my mobile page loading

[professorwinchester]

I Found One Mistake in your link (code).

you mentioned "{ y: toMove * index, duration: 300 })"

I Think { x: toMove * index, duration: 300 })"
Plz Correct it