[Plugin: Gallery Carousel Without JetPack] How do I make it work with Roots theme?

The theme could be using an older version of jQuery or is not following WordPress standard, then it will not work. Unfortunately, our schedule doesn’t allow for us to offer support for each individual theme.

You should check for the jQuery scripts and how they are being added. Sometimes you will have to change order of scripts in order to make everything work.

Oh Roots is definitely not a standard WordPress theme.
jQuery 1.7.2 is loading before the carousel js.

Thank you for the quick response, and I was definitely not asking you to solve the problem for me. Thank you for this plugin!

Hi bimps, would you mind sharing your solution? I’d like to use this plugin with Roots too and I don’t really want to mess with the enqueing of scripts unless I have to.

Right now the error I see is that, while the lightbox effect works, I don’t see comments or captions or the fwd, rwd buttons. I can only use my back button on the browser to get back to the gallery view.

I am also using Royal Slider for a slideshow on the home page so that might be a conflict.

Just wondering what you did. I am trying to work with a child theme of Roots that I created so I can refresh Roots now and then, so that’s why I am trying to avoid editing it too much unless I have to.

Thanks in advance!

Hi Palatinate11,

Unfortunately I didn’t solve it, as I didn’t have much time to do that.

Maybe ask Roots’ developers to help you? If they do, please post a link here! ??

Good luck!

Hi all,

A fix for me was to adapt the roots_gallery function (can you overwrite it?). The function can be found in themes -> roots -> inc -> cleanup.php. You have to wrap a an element (I used div) with the class ‘gallery’ on it around the ul-element of the list of thumbnails. Then you get output like this:

<div class="gallery">
    <ul id="gallery-1" class="thumbnails gallery galleryid-28 gallery-columns-7 gallery-size-thumbnail">
        <li class="gallery-item">
            <a ...>
                <img ...>
            </a>
        </li>
    </ul>
</div>

Hope it helps!