Community forum for knowledge and support

Updated 3 months ago

I'm having trouble with the pricing 26 component, as setting modals on the second and third columns causes them to change automatically when editing one.

At a glance

The community member is having an issue with the pricing 26 component, where they set modals on the second and third column, but if they edit one, the other changes automatically. A community member suggests defining each modal separately by creating a combo class for each column, such as {1modal_component} {1} for column 2 and {1modal_component} {2} for column 3. This way, the button interactions can target the specific modal for each column. The community member who provided the suggestion confirms that the issue was resolved after implementing this approach.

Useful resources

Hi all, Im having an issue with the pricing 26 component, I set modals on the second and third column, but if I edit one the other changes automatically. Can someone help me out? https://preview.webflow.com/preview/tusdatos-v3-493467?utm_medium=preview_link&utm_sou[…]&pageId=6726548e9c3209d9dbb3807b&locale=en&workflow=preview

N
S
3 comments

Took a quick look at this essentially if it were my project I would define each modal so in your instance I would create a combo class of

{1modal_component} {1} - this is for column 2

{1modal_component} {2} - this is for column 3

If you look at the interaction you have setup for the button opening the modal its currently targeting {1modal_component} so its going to keep opening up the same modal regardless if you have more modal divs. That's why if you create a combo class you can have column 2 button targeting
{1modal_component} {1}

and the 3rd column button interaction will be targeting
{1modal_component} {2}

Pretty much just missing the step of defining each modal.

PS you can duplicate the interaction for opening the modal, rename it and change the target class and you will have to do that for both closing and opening the modal.

Thanks Nick, will give it a try

Add a reply
Sign up and join the conversation on Slack