Conditional visibility not working on slide

Design help CMS
1

I am setting a visibility condition of “Slider image 3” show when “set”, but even when it is not the slide still shows up but only on some pages. Here’s an example: http://aurora-borealis-yukon.webflow.io/tour/ice-fishing-and-snowshoeing

The culprit is on the Tours Template under the hero slider Slide #3.

I have tried to disable re-enable the filter, re-publish and reading the forums but can’t seem to find a solution. Seems like a bug?

Any advice on what I could try to do? Thanks!

Here is my public share link: https://preview.webflow.com/preview/aurora-borealis-yukon?preview=6dec881aeef2f6ec0483d8a677183492

1 Like
2

Hello @Pascal_T

your read only link doesn’t work :frowning:
Can you take a look ?

3

@zbrah Done, thanks for reminding me :slight_smile:

4

I’m having the same problem - slideshow in CMS, conditional visibility: only show slide when image is set. But the blank slide is still showing up even when no image is set.

Any updates or work arounds for this?

5

I’m having the same issue.
Any updates on this?

6

This was their response to me as of a week ago.

Thanks for getting in touch. At the moment visiblity conditions for slides do not work for the slider widget as that widget is not fully cms enabled yet. This means, it is not possible to suppress a slide, that you want to have not visible if there is not dynamic content due to a filter, condition, or non-existing content

There may be some workarounds until we add support for the cms and the slider, to be able to use dynamic features, but I do not have a timeline for this yet.

Here is a post that may help: Creating a Dynamic Slider in Webflow

Here is the dynamic slider item on the Wishlist: CMS Slider | Webflow Wishlist

Help for custom workarounds is provided on the forum, so if you can create a post about this and send me the link, I am happy to take a look.

7

I followed the instructions from this other post and it worked!

8

Thanks for the heads up. It’s a clever trick but webflow doesn’t allow more than 20 collection list items on one page. For me it would mean close to 50 list items :frowning:

9

I’m having a new issue on this.
I have a 10 photos slideshow but only 5 of them are displayed using the conditions mentioned above.
https://preview.webflow.com/preview/asmana?preview=ab355501c284a29a3cce6a5ea014fe9a

I could find out the reason for this.
Can anyone help me?

10

I am also having the same problem. I place a CMS collection inside the slide and set the slide background with CMS image. The each slide I tried to set with the conditional visibility if the CMS image is set. However it always has an extra blank slide.

Here is my website link for the slider problem:
https://www.crystocraft.com/product-en/crystocraft-hello-kitty-crystal-photo-frame-2r-blue-violet

11

Hello.
Maybe this plugin can help you

12

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 complicated site architecture changes, just plug the following code right into the “Before Body Tag” section of your page and publish.

Super easy, and quick, even if you have a ton of collection items.

Hope this helps someone! :slight_smile:

    <script>
Webflow.push(function() {
  $(".w-condition-invisible").remove();
});
Webflow.ready();

</script>
8 Likes
13

You are the man! @studiopowell :muscle::muscle::muscle::muscle::muscle:

14

Happy to help @Pablo_Ledo!

15

This doesn’t seem to be working on a CMS collection page, any idea why not?

16

@Christian_Skelton I have it implemented on a CMS collection page to good effect. Can you describe the issue and/or your code placement in greater detail?

17

I’ve added your code to the ‘Before tag’ section of the template, but on some CMS items it still shows the blank slide, e.g The Guest Bedroom – Sussex Huts

18

can you share your preview link?

Did you make sure to set your visibility conditions on the slide content in question?

19

Yes I’ve set conditional logic, and the document flow is:

Slide 1

  • Image

Slide 2

  • Image

And so on. Could it be because I’m adding an image block to each slide instead of a background image?

Also, weirdly some of them work and some don’t. The example in my previous comment shows a rogue grey background.

20

Setting the visibility condition on the slide, and adding an image is the right structure.

However, if some of the slides are working and others are not, that is a solid clue that the issue may not be with the remove command, but with something else interfering on specific slides - giving us a preview link would help.

:slight_smile: