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.

How to

Add some more youtube patterns

With this modification, Magnific Popup supports some more youtube links like playlists and shorten youtu.be URLs

Add the setup of this gits to your template-setup: https://gist.github.com/jonathanheilmann/5cf63a9b92eb63d602b6be0525d2181d

Powermail in Magnific Popup

This modifications will try to open a powermail form in Magnific Popup.

See https://gist.github.com/jonathanheilmann/c75e139cf1e630f3125c for detailed introductions.

Title in Magnific Popup with EXT:fluid_styled_content

Add this single line to your template-setup to display the image title as title in Magnific Popup:

lib.fluidContent.settings.media.popup.linkParams.ATagParams.dataWrap = class="{$styles.content.textmedia.linkWrap.lightboxCssClass}" rel="{$styles.content.textmedia.linkWrap.lightboxRelAttribute}" title="{file:current:title}"

Custom title in Magnific Popup

The way the Magnific Popup title is customized depends on styling extension used by your website.

EXT:css_styled_content

This example adds the image-title and original image filename as title to Magnific Popup:

  1. Create file “fileadmin/[…]/jh_magnificpopup/Templates/TypoScript/Default_filename.html” (replace […] by your custom location-path)
  2. Edit created file and add content of this gist (file “Default_filename.html”): https://gist.github.com/jonathanheilmann/20bc6bd3649976f479ca#file-default_filename-html
  3. Add content of this gist (file “setup.txt”) to your template-setup (replace […] by your custom location-path): https://gist.github.com/jonathanheilmann/20bc6bd3649976f479ca#file-setup-txt

To add other image-properties, line 5 and 6 of setup.txt should be adapted, and thus the javascript in line 21 to 36 should be adapted, too.

EXT:fluid_styled_content

No how to available yet

Open original images instead of processed

If you want to show the “original image” you have to change the source-parameter for link-generating:

Actual:

tt_content.image.20.1.imageLinkWrap.enable.ifEmpty.typolink.parameter.data = file:current:link

New (for opening the original images)

tt_content.image.20.1.imageLinkWrap.enable.ifEmpty.typolink.parameter.data = file:current:publicUrl
tt_content.image.20.1.imageLinkWrap.typolink.parameter.data = file:current:publicUrl

EXT:imagecycle

EXT:imagecycle modifies default TypoScript setup, thus these lines are required:

tt_content.image.20.1.imageLinkWrap.JSwindow = 0
tt_content.image.20.default.1.imageLinkWrap.JSwindow = 0

tt_content.image.20.1.imageLinkWrap.directImageLink = 1
tt_content.image.20.default.1.imageLinkWrap.directImageLink = 1

EXT:jumpurl

EXT:jumpurl is deprecated and thus not supported natively. But you may modify a local copy of Resources/Public/js/jquery.filter-isImageFile.js and set Constant plugin.tx_jhmagnificpopup.includeFilterIsImageFileJs to your local copy path.

Just add

extension = extension.substr(0, (extension.lastIndexOf('&')));

after line 23. A full version is available here: https://gist.github.com/jonathanheilmann/3e6e21559a0850450a366a67546a33c4