Slider Showing Blank slides at end

[AbbieNorris]

Hi,

I have created a slider in a collection with a standard six slides. The issue I’m having is that some pages have 5 images in the slide, and the others have 6. When there are only 5 images in a slider I want to delete the last slide so it does not show up blank. Anyone have any ideas?

Thanks!

Abbie

[Pablo_Ledo]

@bart Hi! I’m having exatly the same problem here. I’m getting the pictures of a CMS. And I manage to avoing showing 4 blanks but there always a last stubborn with slide at the end. How could I get rid of it?

https://preview.webflow.com/preview/castelestudio?utm_medium=preview_link&utm_source=designer&utm_content=castelestudio&preview=310d9ddef9bb877a5681730e7c079e4f&pageId=5d3ef9454401a535deef637d&itemId=5d3efde74401a57b43ef7758&mode=preview

It happens in every project details on works.

[Siton_Systems (Ezra Siton)]

Add live URL (By custom code thier is option to remove empty divs).

[Pablo_Ledo]

@Siton_Systems https://castelestudio.webflow.io/works/bershka-soho

[Pablo_Ledo]

@bart @Siton_Systems the problem is in the math CSS code of the slider “transform: translateX(-1737.89px); opacity: 1; transition: transform 500ms ease 0s;” it’s a bug of @WebflowMasterclass

As if we remove the invisible element the problem persist.

document.getElementsByClassName(“slide w-condition-invisible w-slide”)[0].parentNode.removeChild( document.getElementsByClassName(“slide w-condition-invisible w-slide”)[0] )

[Pablo_Ledo]

Hi every one, @studiopowell solved it.

before body tag

Conditional visibility not working on slide

I don’t know if any of you all are still looking for a solution but here it is. The task: To force Webflow to actually remove the Slide after it has been made conditionally invisible. The problem: Webflow is hiding the CMS content for the Slide but not the Slide architecture itself, thus the blank ghost slide. The solution: Push a .remove() command directly to the Webflow js for whenever the conditional visibility is set to be hidden. Why this is the best solution: No new collections, no co…

[MattP (Matt)]

@Pablo_Ledo

Thank you for posting this @Pablo_Ledo. I entered this code before the body tag and added the conditions for visibility on the slides themselves. I am doing something wrong? It still isn’t working. It is still showing a grey / blank slide at the last slide.
Here is my preview link. Webflow - Our Home Sarnia Inc.

Please help, thank you!

[Reid_Niermann (Reid)]

I tried this but cannot get it to work. Do you have an example of the implementation?

[danielcobb]

This doesn’t work for me either - is there an update??

[Gio]

Hi,

I found a workaround within Webflow. @AbbieNorris Your slider has up to 6 slides pulling from CMS. And you need to display 5 images. When you upload your images to the CMS put the 5th image on the 6th CMS image field. Leave the 5th empty. Then set the visibility for each slide based on if the image is set via CMS or not. It worked for me on this website I’ve made:
https://www.knukimphoto.com/work/sportivo-sunday-edit

This project has 12 pics total. But the CMS has 20 image fields.

Let me know if that does the trick. I also stumbled upon this solution, but I haven’t tried it yet.

Infinite Slider Hack

Hey! I would LOVE to use this, but when you put a read-only link, it strips out any custom code when you clone. Is there any way you can share the extra code you used?

Cheers

[KoenAhn]

This is amazing! And no custom code required, brilliant.

[Dave_Moppert]

Perfect! Fixed it for me! Thank you.