Modal Popup

Modal Popup opens any content entity in a modal dialog, without leaving the page. What appears inside is an ordinary entity view mode, so you build and style it with the tools you already use Manage display.

It works as a field. You add Popup link to a bundle, then from Manage display you pick the view mode the dialog should render. That's the whole idea.

Works with

• Content (node)
• Media
• Taxonomy term
• Custom block (block content)
• Paragraph

Nothing is enabled out of the box. After install the module touches nothing until you tell it to.

How to use it

1. Enable the entity types you want. Go to /admin/config/content/modal-popup and tick the entity types Modal Popup should work on. This is always the first step.
2. Add the field. On the bundle you're working on, go to Manage fields → Add field and choose Popup link. It's display-only: it holds no values and never appears on the edit form. Repeat on each bundle that needs a popup.
3. Configure it in Manage display. Open the view mode where the trigger should appear, drag Popup link into a region, and open its settings:
   • View mode: which view mode the dialog pulls and renders. Only view modes that exist for this bundle are offered.
   • Label: the text on the link or button.
   • CSS classes: added to the trigger, so you can use your theme's own classes,

Every view mode keeps its own settings, so a teaser can open the full view while a card opens something narrower. The route, the dialog and the library loading are handled for you.

In Views

The same field is available in Views. Click Add next to Fields, search for Popup link, and drag it into place. The settings are identical, so every row in a listing, grid or slider can open its own content in the dialog. Combine it with an image field and you have a gallery; combine it with a title and you have a quick-view listing.

Views fields are only available when the row style is set to Fields. If a view renders whole entities instead, configure the popup link in Manage display for that view mode.

For full control, call modal_popup_link(entity, view_mode, label) from a Twig template.