Custom modal component

[tkulow]

I have added a custom component with a modal and have successfully passed parameters to it.

I am using the [cs_component] shortcode to display the component, which works fine to display the modal on the page where I want it.

I need to add several modals to the same page, and when I click on one modal it pops up all of them at the same time layered on top of each other. How do I get it to pop up only the modal that is associated with it? I am using different parameters for each.

I tried to add a unique ID to the component passing the parameter to the ID, but that didn’t work. Any suggestions?

Thanks in advance.

[tristup]

Hi @eriwi3,

Thanks for reaching out.
It might happen if you are using the same component. I would suggest you use different components for different modals and check.

Hope it helps.
Thanks

[tkulow]

Thank you. That will work, but it defeats the purpose of passing parameters to the single component. Can you please consider putting in a request to fix this?

[tristup]

Hi @eriwi3,

I understand what you are trying to achieve here, the modal will open based on the class or the ID. And if you are passing that as a parameter and still it is not working, we need to investigate it through the WordPress admin dashboard.
I would suggest you please provide login credentials for your site in a secure note, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password
– Specific component which is used for modal
– Specific page URL where you have added those components

To create a secure note, click the key icon underneath any of your posts.

Thanks