V2 Slider?

Beta
#1

In the release notes, you guys have mentioned that you’re at element parity… but there’s still no V2 Slider. Is that coming at some point too? Or am I missing something?

I’ve always imagined a slider/carousel combo, where you can control how many “slides” appear on the screen at different breakpoints. So you could have a 4-wide carousel at XL, and then scale it down to only 1 on the screen at phone size. Or just have it at 1 for all breakpoints to get a full-width slider. Etc.

Or should I just go ahead and start figuring out how to use the new API to make this happen? :nerd_face:

5.1 Beta 1: data-x-slide-goto?
Beta Feature Request: Advanced Background > Type > Slider
#2

Nothing concrete planned right now. We discussed it when working on the new element roadmap. Where we landed for now is building an element that is somewhat of a carousel/slider combo (like you’re suggesting), and the “Slide” works similar to a Column where you can drag/drop child elements. This is now possible because of the new Layout Pane supported nested content. It would support the advanced backgrounds (upper/lower layers) on each slide as well.

We don’t have true 1:1 parity for every classic element. You’ll notice there’s no Author element, but that can easily be recreated with a Headline and Dynamic Content. There’s also no Promo or Prompt elements because those had opinionated styling and can now be recreated with a combination of Headlines, Buttons, etc.

I’m pretty sure we have functional parity with the exception of the Slider element which is more because the path described above is fairly ambitious. We want to try it out, but we’re not sure if it will work just yet.

The Classic Slider itself was a nice idea back when we were using shortcodes but it didn’t translate the best when we mapped it in as a Cornerstone element years back. For now, I think the best base would be using a Slider plugin and there are multiple slider plugins bundled with the theme to choose from.

#3

I’ve tried the bundled slider / grid plugins, but am not a fan. You guys just do everything so nicely it’s hard to switch back and forth to fighting with a sub-par UX :wink:

The other major classic element I thought was missing is Recent Posts… but I thought that was coming with one of the next couple releases?

Fingers crossed you make the magic happen with the drag and drop slider builder.

1 Like
#4

Yes, we’re making some Post elements to go along with the Layout Builder which is our next big project (ability to create post/page templates). There will definitely be a standalone Post element that can be placed multiple times on the page and each instance grabs the next post ID the current “loop”. We’ll probably have some kind of Post List element as well to output a set number of identically styled posts.

1 Like
#5

There is no reason to have any other sliders instead of Slider Revolution and Layerslider. Believe me ) BUT. There is 1000+ reasons to have CAROUSEL ELEMENTS element. I realy think so.

I was working with SWIPER.JS and look what you can do inside X PRO with it:

https://petrov.top/nested-swiper/

As you can see in my demo, you can:

  1. Make very lightweight full screen slider carousel with any in/out transitions
  2. Control it from keyboard. left/right/top/bottom.
  3. Make it responsive.

But i understand what are you lookin for and agree that CAROUSEL ANYTHING is very important thing just right now, after this big update.

#6

Probably you may take a look at SLICK SLIDER CAROUSEL. I was using it in some projects. It works well with X Pro, but it takes a lot of time to work with jQuery code.

#7

Thanks for the additional feedback @Georgich! If we made a native carousel we’d probably use something lightweight (no jQuery) or just roll our own. It will be something we re-evaluate for the next cycle.

2 Likes
#8

Following up on this. A carousel. Or simple way to carouselize loopers would be amazing.

3 Likes
#9

@DoncoMarketing Yes! So Kory and I were just discussing that the other day. We’ve not prioritized it for development, but were brainstorming some ideas. The path forward as it stands is making new elements that allow you to arrange child elements inside of them. On the parent you’ll be able to configure slider and carousel like controls and each child will be treated as slide. Loopers will be possible of course, so you could make a carousel of posts, or anything you want really. We’re still ideating on it all so I’m not sure exactly what controls will be available.

5 Likes
#10

Using the classic slider I’m having to make global blocks and put those in there. It’s a bit clunky really. So a better solution would be wonderful.
I don’t like using revolution slider as I’m trying to keep my sites minimal light and fast.

1 Like
#11

Makes sense. On the front end that will be pretty close to the new proposed element since you’ll be able to build inside each Slide - but without the overhead of extra sections/rows (unless you want a row) and having to query the global block.

1 Like