Twenty20 Image Before-After broken with Gutenberg and WP5.1.1?

  • I have a before/after image that was working before but now even though the images load and the slider appears if I click on the slider the images disappear.

    I have tested this on my Mac via Safari, Chrome, and Firefox with the same problem in all browsers. I’m using an old theme (Gazette by WooThemes) but everything else seems to work.

    I redid the page putting the shortcode into a shortcode block since it had been in a Classic Editor built page before and it still doesn’t work.

    • This topic was modified 5 years, 7 months ago by mediabaron.

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

Viewing 1 replies (of 1 total)

  • Looks like you found a solution.

    Were you using JetPack? I thought I was seeing the same issue as you, but after trying a WordPress core rollback with no luck, I started disabling other addons and disabling JetPack is what made it start working again.

    I’m very curious to know how you solved the issue.

    edit: Completely disabling JetPack is overkill. just disabling “Lazy Loading for images” under Performance “fixes” it. There is a exclusion filter that could be targeted just to the Twenty20 images, but my skill with PHP is pretty low, so I haven’t worked out where to put this code yet.

    add_filter( 'jetpack_lazy_images_blacklisted_classes', 'bbloomer_exclude_twentytwenty-before_class_from_lazy_load', 999, 1 );
               
function bbloomer_exclude_twentytwenty-before_class_from_lazy_load( $classes ) {
    $classes[] = 'twentytwenty-before';
    return $classes;
}
    • This reply was modified 5 years, 7 months ago by bgoosen. Reason: more info
Viewing 1 replies (of 1 total)
  • The topic ‘Twenty20 Image Before-After broken with Gutenberg and WP5.1.1?’ is closed to new replies.