Conditional visibility not showing on my page where I am using components

Good day,
I am trying to set the conditional visibility on my component icons on my produce directory. These icons are all linked to switches in the cms. I was able to do it on my home page with no issues but I have to apply the same method to my directory page and I can’t because conditional visibility is not showing up in the settings on this page. I had turned all the icons into components so that I can use them everywhere. They work fine on the home page and the cms template pages but when I go to set the conditional visibility on this page (which is a normal page and not template page) the conditional visibility doesn’t show up so that I can set them to show when the switch is turned on as on the other pages. Please any advice would be greatly appreciated.

Hey there!

I took a look at your link, and I wanted to clarify if you’re referring to the icons inside the collection card? If that’s the case, try wrapping each icon in a div. That should help with the conditional visibility!

Just a heads-up, you won’t be able to set that type of filter directly on a component. But by using a simple wrapper, you can keep the component versatile and scalable while still having the filtering options.

I hope that helps! Let me know if you have any other questions.

That worked perfectly. Thank you!