Slider to show posts / CPT / Products

Those are the parameters set by Swiper. That’s why we set the slideclass to cc-query in the init script. (normally they would have been swiper-slide)

Circling back on this. Do you have some time to take a look at this?
https://cwicly.cabarita.website/swiper-test/

I’ve been struggling to have the first slide align to the left side of the container instead of the middle. Tried a bunch of different CSS, but no luck.

Any thoughts?

@owynter try changing .query-c5bcfd5 to width: 100% (and remove the max-width: 400px from it)

1 Like

Thanks for the help on this. Feels like I can’t quite get this right, though.

Since updating to most recent Cwicly build, the slider functionality has been lost.
Have you experienced this with any of your builds?

image

Currently getting this console error.

Do you think it might be due to how Cwicly loads JS?

@owynter yes, the error it’s simply because that the script that calls the Swiper is above the swiper.js script.
So in the tool (code snippets, etc.) that you have added the script (const swiper = new Swiper(‘.swiper’,…), just make sure it calls it in the footer and has a lower priority (iif you look at the code source of the page it’s bellow the swiper.js script)

Thanks! This works perfectly

The snippet was placed on the page based on the earlier conversations we had.
Moved it to the code snippets plugin with a super high (or low) priority so it runs after swiper.js is initialized.

Works great now.

@alex, any thoughts on how to use the slider with a gallery?

Tried a similar process, but maybe I’m missing a trick.

Thanks for your patience everyone.

Introduced in 1.2.8.5, directly accessible from the Query Template, Repeater and Taxonomy Terms block.

Feedback welcome while we improve on things :slight_smile:

4 Likes

Awsome I would appreciate if there is any video on how to setup!

Docs should help you get started :+1:

3 Likes

That’s amazing, finally :heart_eyes:
Can’t wait to get my hands on.

Well done / bien joué team!

@Louis Amazing job! Thanks for making dynamic slider light weight (splide). Appreciate your efforts!

@anon32808828 is it? :exploding_head:
That was my first thought when I read the changelog, but then I thought naaaah, can’t be

@Marius Shocking indeed. It is amazing how Louis writes big features in changelog as just nothing happen.

image

@anon32808828 I just checked the slider options - it’s insanity.
Even a dedicated tab for accessibility :joy: :+1:

So unfortunate I can’t play with it right now…

Amazing work Louis. Responsive settings are not working properly

Hi @kane,

Thanks, we’re onto this right now. Sorry for the inconvenience!

This should be fixed in 1.2.8.5.1.

Thanks for the report.

4 Likes