This article will explain how to use the Modal Card module in Atlas 2
Considerations
The modals modules in Atlas are hidden by default and will only show if you are focusing on it's HTML ID. In this article, we will explain how to use this to show and hide modals depending on different scenarios.
Modal Card module overview
Once you drag and drop the module into your page editor, you’ll see a placeholder that you can click to access the modules settings. This placeholder will only be visible within the editor.
In the modal card module, you will find an "HTML ID" field at the top of it's fields. This area is used to assign a unique identifier for the Modal.
For example, you can use "unique-identifier" for it. See screenshot.
In your page, you can check/see the modal by focusing on that specific ID. To do this, you would need to add "#unique-identifier" to the end of your URL. Keep in mind that you would need to add the "#" symbol before the ID for this to work.
This allows you to link buttons or custom links to that specific ID to trigger the modal. You can use any module that includes a CTA for this. For example, the Button Group module can include a button that will trigger it.
If you look at the page preview or a live version of the page and click on that button, the modal will trigger and show.
You can also share the URL (with the #id added to it) to show it by default when someone access it.
