Hi again!
I am trying to set up the slides of the Splide carousel so that each one links to a section of the website, but it’s not working.
Can you please give me some clue to figure out what I’m doing wrong?
Here’s the test link: https://wordpress.sortimdecolonies.cat/escoles-i-instituts/
Thank you in advance!
]]>Hello!
Is it possible to insert a Splide carousel with a shortcode?
If I set the carousel type to loop and the direction “RTL” the carousel is not visible, otherwise If the direction is “LTR”, It’s working. How we can solve this problem ?!
]]>Changing the animation speed, saving, and then reloading the editor causes error “This block contains unexpected or invalid content” (WP 6.6).
]]>I was called in to help with a site that is mostly built. Our carousel needs to have a semi-transparent blue box along the bottom portion of the slide photo, with left-aligned reverse/white text, and two action buttons to the right. It’s mostly done except for three things:
1-The blue box only bottom-aligns in the first slide. The others have a gap at the bottom. When I go into the FSE, I can only see the first slide.
2-Each slide seems to have its own version of the blue box and contents. I wish this box and contents would stay in place while the images underneath continued to slide past.
3-The entire carousel does not scale down on mobile devices like a phone (vertical).
I haven’t yet added a link because I have to get permission at a meeting today 7/30 at 2pm CST.
Hello, I want to start and stop the Splide Carousel with autoScroll using jQuery. But I can’t find any code anywhere that I could use.
]]>When this plugin is activated, it completely removes the arrows from the Kadence Gallery block (when set to any of the carousel modes.) Pagination dots are fine, it seems to just be the arrows. Any fix for this?
]]>When I change the HTML Anchor on the carousel block, it does not change the name of the object in JS. Instead it just says splide01Carousel still.
]]>EDITED: Nevermind.
I can’t find a way to delete this topic.
]]>hi David
thanks again for the amazing plug-in – I wanted to know if I could hire you / pay you to create a SplideJS plugin / block for a Generateblocks query loop carousel? Essentially turning the query loop block into a carousel
I managed to get it working using the code you provided but it doesn’t work in the backend and loads the mount and scripts on every page.
thanks
]]>If you set the slide width to 75% – the slides all left justify showing 25% of the next slide. How do you center the main (in focus) slide so you can see 12.5% of the previous and next slides?
]]>Hello,
I have conflict with splide include in theme, maybe can you change your selector css with other of “splide.
Thank you
]]>Hi David
is there a way to wrap the carousel/slider around a query loop? So the plugin can swipe through dynamic data from posts?
thanks
]]>Hello! I’m having trouble deleting existing slides from the carousel in the block editor without deleting the whole carousel entirely. How is that done?
]]>Hello,
Thank you for this great plug-in! I have a question; is it possible to enable autoplay, but disable autoplay in the editor? I’m sometimes working in an element in the first slide. And want to switch to another element, but the slider is than slided to the last slide, and I have to scroll back again to continue the editing of the element on the first slide.
Thank you in advance!
]]>will this plugin work with a page builder like Avada/Fusion that doesn’t use gutenberg blocks?
]]>Hi There
again thanks for building a great plug-in, do you have a donation/support link?
I have a question regarding the progress bar
https://splidejs.com/tutorials/carousel-progress/
as the slider is mounted using the plug-in is there a way to add the code to show the progress bar?
]]>Hi There,
I am wanting to add custom previous and next buttons but getting the error;
(index):1628 Uncaught ReferenceError: Splide is not defined
at
I have tried new Splide(‘.splide’).mount();, and my ID which is #splide01 and also #splide01Carousel
This is my code:
<script>
new Splide( '.splide' ).mount();
//attach events to custom buttons
btnNext.addEventListener('click', e => {
splide.go('+1')
})
btnPrev.addEventListener('click', e => {
splide.go('-1')
})
</script>Any help would be appreciated – great plugin!
]]>Hi! Great plugin and thanks for answering all my questions.
I have a case where I have about 15 Splide Carousel Items and a few of them are hidden (think – display: none;) based on various criteria (membership level, etc).
I am showing 5 items at a time, tried moving 1 at a time, 5 at a time, etc. and same result.
This is working great except when we scroll and something is hidden, it visually looks strange and also I can’t actually scroll to the last item.
This may beyond the scope of support here but was worth a shot.
I would like to link the whole column (splide carousel item) to a url – is there a way to do this?
]]>The end of the container cuts off any styling done to the column. Any ideas on a work around?
]]>Firstly, thanks for making an awesome plugin. I would love to extend it if possible, is there a github repo with src?
]]>Great plugin! Is there a way I can open a larger version of the image in an overlay when a slide is clicked?
]]>Great plugin. Could you please add a pause/play button for autoplay?
]]>Hi,
Very nice plugin.
I would like to know the valid JSON string to set these options:
autoScroll: {
speed: xxx,
pauseOnHover: false
},
}
Kind regards,
Siegfried
How to set different number of “Slides Per Page” for mobile devices.
I want to set 3 images on desktop but 1 image on mobile device.
]]>