Learn2 theme breaks featherlight gallery

Support Themes & Styling
1

Hi,

I’m trying to setup a website based on Learn2 theme. I have problem getting grav-plugin-featherlight gallery function to work. After some debugging I’ve tracked the problem down to theme specific code.

Test project has featherlight gallery on the end of 01.home page. If you set quark as a theme it works, after switching to learn2 lightbox shows but you cannot navigate to previous/next image.

There’s some featherlight specific code in learn2 .js and .css files but I don’t know grav enough to sort it out.

2

Do you have a working version online maybe?

3

no, but see repro I’ve attached to my first post

4

This is still an issue.
Remove this from learn.js

$(function() {
    $('a[rel="lightbox"]').featherlight({
        root: 'section#body'
    });
});

And kill

{% do assets.addJs('theme://js/featherlight.min.js') %}
{% do assets.addCss('theme://css/featherlight.min.css') %}

from base.html.twig. Otherwise it’s loaded 2 times and the plugin gets buggy.

After this, i successfully set up a featherlight gallery. It works out of the box for all images on a page i think.