Found URIS broken

Hi @scollins72,

While it’s 10 weeks ago, and I forgot how I fixed it, I had a look and I belive I have found the fix I used. The issue was that the plugin stopped automatically ‘enqueuing’ (loading) its required CSS and JS files, which causes the slider to collapse into a black bar or show cut-off images.

I fixed it by adding this code to my theme’s functions.php file. It manually forces the browser to load the slider’s core files whenever it detects the [URIS] shortcode on a page:

PHP

// Force UR Image Slider JS and CSS to load correctly
add_action('wp_enqueue_scripts', function() {
    global $post;

    // Check if we are on a single page and if the URIS shortcode exists in the content
    if (is_singular() && isset($post->post_content) && has_shortcode($post->post_content, 'URIS')) {

        // Define the plugin's asset path
        $plugin_base = WP_PLUGIN_URL . '/ultimate-responsive-image-slider/assets';

        // Manually load the CSS for the layout
        wp_enqueue_style('uris-slider-css', $plugin_base . '/css/slider-pro.css', [], null);

        // Manually load the JS for the sliding functionality
        wp_enqueue_script('uris-slider-js', $plugin_base . '/js/jquery.sliderPro.js', ['jquery'], null, true);
    }
});

Note: If your plugin folder is named differently than ultimate-responsive-image-slider, you might need to adjust the $plugin_base path in the code above.

P.S. Always make sure you have a recent backup of the site and database in cPanel before you start editing code on the website, so that you can restore it if you break it.

Hope this helps!

• This reply was modified 4 weeks ago by TomPettyFan.