Carousel Doesn’t Show Large Images

  • Resolved Tanshaydar

    (@tanshaydar)


    4 years, 6 months ago

    Hi,

    In the page I linked, there are 6 images with 3 columns places in the image gallery, in the post images are being shown. I click on them, and the full screen carousel is opened, but the large image is not shown.

    * If I switch to default theme Twenty-Twenty-One, it works. When I switch back to my current theme, it does not. My theme has its own swiper plugin, might be a clash.

    * I tried removing & re-adding the gallery in the post thus updating. Doesn’t work.

    * When I open the network tab from inspector, I get this:
    https://snipboard.io/4CxXsf.jpg

    * Which, in turn, goes to this:
    https://snipboard.io/4OmyDi.jpg

    So I’m guessing that I have data-gallery-src missing but it was working previously, I don’t know what happened.

    I’m using caching plugin (LSCWP) but when I disable caching or even disabling the plugin completely doesn’t work.

    Is there a way I can fix this?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • MadHatter (a11n)

    (@madhattersez)

    4 years, 6 months ago

    Hello, there.

    Since everything works fine with Jetpack’s carousel when Twenty Twenty One is in place, it sounds like this is tied to the other theme you’re using, as you’ve mentioned.

    For help on this, I would recommend reaching out to the theme’s author – hopefully they will be able to take a look at your Inspector results and work with you on a workaround or fix.

    It looks like you’re using the PowerUp theme by Bonfire Themes. Here is their support center to help get you started:

    https://themeforest.net/item/powerup-video-game-theme-for-wordpress/19665528/support

    Have a safe rest of the week!

    Thread Starter Tanshaydar

    (@tanshaydar)

    4 years, 6 months ago

    Thank you for your reply and kind words!

    Unfortunately, I do not want to purchase support as I’ve purchased my theme a few years ago and it’s support time is long expired for me.
    My jetpack installation is on auto-update and Carousel was working fine until recently. Since I didn’t change my theme code, it means it’s a change in Jetpack carousel module that caused this state.

    I’ll continue to investigate this and update this post so if anyone is in similar condition, they might be able to benefit from it.

    Plugin Contributor Dan (a11n)

    (@drawmyface)

    4 years, 6 months ago

    Hi there

    It may indeed be the case that a change to Jetpack’s carousel has caused the issue, which likely means that the theme author will need to update the theme to work with the latest version of Jetpack.

    The last update to that theme was in January 2021, so it will need to be updated to work with the recent carousel changes. Otherwise you may want to look for an alternative theme that is updated more frequently.

    Thread Starter Tanshaydar

    (@tanshaydar)

    4 years, 6 months ago

    Hi,

    An update on this. By chance I was able to contact the theme devs and they’re asking what may have changed so they’d have a starting point into looking into this as the current inspector inspection provides no entry point.

    Kind regards,
    Tansel

    Plugin Contributor Dan (a11n)

    (@drawmyface)

    4 years, 6 months ago

    Hi Tansel

    There have been a lot of updates to the carousel feature since January. All the closed Pull Requests can be found here:

    https://github.com/Automattic/jetpack/issues?q=label%3ACarousel+is%3Aclosed+merged%3A%3E2021-01-01

    Since you mentioned ‘data-gallery-src’ was missing, they may want to try searching for any changes related to that, as a starting point.

    Thread Starter Tanshaydar

    (@tanshaydar)

    4 years, 6 months ago

    Okay, hopefully last update on this.

    My theme is using swiper.
    Jetpack 9.x.some.thing broke my frontpage slider (css), I even used the quick fix from GitHub issue, which was then merged into next release. I don’t exactly remember the issue or the version, I’m sorry..

    With the latest update Carousel refuses to show large images. Again, broken.

    HOWEVER,
    I’m not using the javascript library features for my theme’s slider. It almost always consist of one single post to feature, there is no swiping or automatic switching posts. Therefore, I disabled loading of swiper javascript file through functions.php file. Yes, swiper.min.js file was being loaded with wp_enqueue_scripts function in my theme.

    Well, now carousel is working.

    For some reason, gallery carousel is firing my theme’s swiper instead of Jetpack’s swiper. So my initial findings are lacking. My theme’s swiper is firing the image from loopCreate.js, whereas Jetpack loads its own swiper when carousel image is first clicked.

    I’m not really sure if all these information is useful to you, or relevant at all, but for now my mind is at ease. Thank you for your responses and developing Jetpack.

    Kind regards,
    Tansel.

    • This reply was modified 4 years, 6 months ago by Tanshaydar.
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Carousel Doesn’t Show Large Images’ is closed to new replies.