top of page

Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

Editor X

The rest is up to you.

Start Creating

Start Now

To see this working, head to your live site.

New Feature Alert: Layouter Slides

in Releases and Announcements

Use the new Layouter option to easily present galleries as slideshows with navigation arrows on any breakpoint.

Add a Layouter and place your content in its items. Change the display layout of your Layouter to Slides in just a click and the items will automatically be rearranged perfectly for you.

Now you can add Navigation arrows - buttons, text or shapes. The arrows are pinned to the Layouter and won’t move with the slides. You can drag them and they'll stay pinned. You can add as many arrows as needed.

You can control the slides direction, set the number of items you want to present per slide, and show or hide the scroll bar while the slides scrolls.

Items per Slide:

Slider Direction - Left to Right

Slides Direction - Top to Bottom:

Enjoy! 🌼

34 comments

34 Comments

Fikret Şahin

Sep 30, 2022

Hi everyone, since we're waiting for scroll snap feature for sections, I've watched this video from Vicky Borges from Wix team, explaining scroll snap effect using a Layouter. Unfortunately I couldn't do the same as Vicky because the layouter feature has been updated and couldn't find the same layouter options showing in the video. Am I missing something? Thanks for your help in advance!

Fikret Şahin

Oct 03, 2022

Replying to

Hi Roberto, thank you for your prompt reply. I've attached a shot of my inspector panel's display settings. The scroll snap align option does not appear when "Rows" is selected as the display type. The "Scroll snap align" setting can only be reached when the display type is a slider. I need vertical snap align, just like the tutorial video I mentioned earlier. I simply need to apply scroll snap to my 100vh vertical sections / layout items. From the UX perspective, I'd like to make users see the next 100vh full page as they scroll. Can you suggest me another solution?

Roberto Rocha

Oct 03, 2022

•

Replying to

You should be able to use the same setup as Vicky's tutorial as the only change is where the settings have been moved to. The rows layout doesn't include the scroll snap as the layout doesn't scroll each item.

Liron Monitz

Oct 06, 2022

•

Replying to

Hey Fikret, The slider option can also work vertically - just change the direction from 'Right to Left' to 'Top to Bottom' and set the scroll snap.

You can also do it with regular sections and code. Try this tutorial to learn how: https://www.youtube.com/watch?v=DPBIviTtbC8

Dom Jones

Sep 13, 2022

Great feature but I've added it to a repeater and the buttons don't seem to work.

Is it possible to move the slides using code?

Andrew Taran

Sep 14, 2022

•

Replying to

repeater and layouter are distinctive features, so the layout could not match along with this you can use Pro Gallery with Data connection:

also, there was a bit similar discussion here, please check: https://www.editorxcommunity.com/forum/general-discussions/auto-slider-in-layouter

Liron Monitz

Oct 06, 2022

•

Replying to

Hey Dom, Yes, you can add this functionality using code: https://www.editorxcommunity.com/forum/general-discussions/add-navigation-buttons-to-repeater-or-layouter-slider-mode

Robin-Gwen Davis

Aug 19, 2022

Perfect, just what I was looking

Josef Elias | Wiklex

Aug 07, 2022

Great feature!

Some improvement requests:

1) Would be good if we could set it to slide automatically. Set a timer, choose a fade option and then have it slide automatically like the slideshow in classic editor.

2) Make it possible to change slide via code (Velo).

Thanks!