• Resolved Dan Stramer

    (@danstramer)


    Hi
    When using lightbox with the Gutenberg gallery, there is no option to switch images with arrows. It seems that the “rel” option is not working.

    Thanks for your help,
    Dan

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi Dan, thanks for reporting. I’ll have to check this out to see what the difference (in the source code) is between a Gutenberg gallery and a classic WordPress gallery…

    Is there a link you can share?

    Thread Starter Dan Stramer

    (@danstramer)

    it’s still local,
    but if it helps, here the bit of code for that gallery:
    https://www.dropbox.com/s/n4ft8dfikehwrgi/guten-gallery.png?dl=0

    
    <ul class="wp-block-gallery alignnone columns-3 is-cropped">
        <li class="blocks-gallery-item">
            <figure><a href="http://localhost/test/wp-content/uploads/2018/02/dominik-lalic-517260-unsplash-Large.jpg" class="fancybox image"><img src="http://localhost/test/wp-content/uploads/2018/02/dominik-lalic-517260-unsplash-Large.jpg" alt="" data-id="56"></a></figure>
        </li>
        <li class="blocks-gallery-item">
            <figure><a href="http://localhost/test/wp-content/uploads/2018/02/pawel-nolbert-284283-unsplash-Large.jpg" class="fancybox image"><img src="http://localhost/test/wp-content/uploads/2018/02/pawel-nolbert-284283-unsplash-Large.jpg" alt="" data-id="57"></a></figure>
        </li>
        <li class="blocks-gallery-item">
            <figure><a href="http://localhost/test/wp-content/uploads/2018/02/ales-krivec-107499-unsplash-Large-1.jpg" class="fancybox image"><img src="http://localhost/test/wp-content/uploads/2018/02/ales-krivec-107499-unsplash-Large-1.jpg" alt="" data-id="58"></a></figure>
        </li>
    </ul>
    

    Yes that helped, thanks 🙂

    I should be able to make it work for Gutenberg block gallery too. Can you wait for the next release? Until then, you can switch Autogallery option to “All in one” …

    Or better yet, if you’re not afraid of editing plugin files, you could try this:

    On your site admin go to Plugins > Edit, then find the Easy FancyBox plugin in the dropdown on the right, then choose the file inc/class-easy-fancybox-options.php … click the source content and then press the Ctrl+f keys to open a search field. Search for div.gallery and replace that with div.wp-block-gallery (make sure to keep all single quotes in place) and hit Save…

    Thread Starter Dan Stramer

    (@danstramer)

    Thanks a lot
    I will give it a try and report.

    Dan

    Thread Starter Dan Stramer

    (@danstramer)

    Switching to the “all in one” option solved the issue.
    No rush in waiting for the next release, I bet it will be before the Gutenberg release. 🙂

    Dan

    Switching to the “all in one” option solved the issue.

    Same here.

    Out of the box Gutenberg support would be appreciated though 🙂

    Thanks!
    Bjarne

    It actually was supported but Gutenberg recently changed their gallery markup. Originally, it was div.wp-block-gallery but now it seems to be ul.wp-block-gallery (see my previous response) but .wp-block-gallery should work too.

    In any case, support will be restored in the upcoming version 🙂

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Gutenberg Gallery’ is closed to new replies.