DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
Plugin¶
Create a content element with a plugin and select “Magnific Popup” or use the wizard and select “Mapgnific Popup”.
Tab: General settings¶
Select “Display type” (Link, Inline-Content or Content-Reference) and “Link type” (Text or Image) introduced in version 0.5.0.
Display type: Link
| Field | Description |
|---|---|
| Link text | Available if Link type is “Text”:
The text that is displayed to the user
|
| Link image | Available if Link type is “Image”:
The image that is displayed to the user
|
| Link target | The Link target ( http://www.you-domain.tld ). This could be a website, a youtube-movie or everything else. |
Display type: Inline-Content
| Field | Description |
|---|---|
| Link text | Available if Link type is “Text”:
The text that is displayed to the user
|
| Link image | Available if Link type is “Image”:
The image that is displayed to the user
|
| Method | Select the way the content is loaded.Inline renders the content when opening the page with the link, ajax loads the content when the user opens the link. |
| Create new Page Content | Create the content that should be displayed. |
Display type: Content-Reference
| Field | Description |
|---|---|
| Link text | Available if Link type is “Text”:
The text that is displayed to the user
|
| Link image | Available if Link type is “Image”:
The image that is displayed to the user
|
| Method | Select the way the content is loaded.Inline renders the content when opening the page with the link, ajax loads the content when the user opens the link. |
| Page Content | Select the content that should be displayed. |
Tab: Magnific Popup settings¶
| Field | Description |
|---|---|
| mainClass | String that contains classes that will be added to the root element of popup wrapper and to dark overlay. |
| focus | If the lightbox contains a form define the id of the field that should be focused when openingString with CSS selector of an element inside popup that should be focused. Ideally it should be the first element of popup that can be focused. For example ‘input’ or ‘#login-input’. Leave empty to focus the popup itself. |
| closeBtnInside | If enabled, Magnific Popup will put close button inside content of popup. |
| modal | When set to true, the popup will have a modal-like behavior: it won’t be possible to dismiss it by usual means (close button, escape key, or clicking in the overlay). |
| alignTop | If set to true popup is aligned to top instead of to center. |
| overflowY | Defines scrollbar of the popup, works as overflow-y CSS property - any CSS acceptable value is allowed (e.g. auto, scroll, hidden). Option is applied only when fixed position is enabled. |
| removalDelay | Delay before popup is removed from DOM. |