fritzmg / contao-magnific-popup
Magnific Popup lightbox for Contao
Installs: 2 447
Dependents: 0
Suggesters: 0
Security: 0
Stars: 10
Watchers: 2
Forks: 0
Open Issues: 0
Language:CSS
Type:contao-module
Requires
- php: >=5.2
- contao-community-alliance/composer-plugin: ~2.4 || ~3.0
- contao/core-bundle: ~3.0 || ~4.2
Replaces
- contao-legacy/magnific_popup: 2.0.1
This package is not auto-updated.
Last update: 2022-02-01 12:40:49 UTC
README
Contao Magnific Popup
Contao extension to integrate the Magnific Popup overlay.
Usage
Simply activate the j_magnific_popup
template in your page layout under jQuery. Do not activate j_colorbox
or moo_mediabox
as well!
The Magnific Popup will work with all links that use the data-lightbox="..."
parameter. Of course you can still initialize and manipulate the Magnific Popup via your own JavaScript.
Customizing
If you want to use your own custom parameters, simply create your own j_magnific_popup
template and insert your custom options there. For example, if you want to enable the zoom feature of Magnific Popup:
ContaoMagnificPopup.init({ // put your custom configuration here zoom: { enabled: true } });
Refer to the Magnific Popup Documentation for all available parameters.
Types
By default, the extension defines the type for all Magnific Popup instances as image
. You can set any of the types supported by Magnific Popup through several ways:
-
through the
data-lightbox
parameter itself, e.g.<a href="page.html" data-lightbox="iframe">Page</a>
You can still also define a custom grouping name anywhere in the parameter:
<a href="page.html" data-lightbox="iframe group1">Page</a>
-
by using your own Magnific Popup initialisation
-
by setting the type globally through the options in your own
j_magnific_popup
template
Additional Parameters
To support some compatibility with the old lightbox parameters of Contao, you can also define the width and height of the iframe popup like so:
<a href="page.html" data-lightbox="iframe 800 600">Page</a>