[Resolved] Enqueue scripts when shortcode is present inside a block element

Hi Elvin.

It’s there. I am testing on a post and I am already adding the shortcode with the generate_after_entry_content hook. When the post is empty the shortcode is displayed on the hook but without the scripts enqueued. When I add the shortcode on the post content, the scripts are enqueued on both instances. So, the problem is the $post->post_content inside the conditional not recognizing the fact that the generate_after_entry_content is part of the content.

Hey Elvin, it’s sorted. David provided some extra help!

Basically, I am registering scripts at the start and enqueuing them inside the shortcode. Like this:

// Import Splide library
function gm_enqueue_splide_scripts() {
    wp_register_style( 'splide-css', get_stylesheet_directory_uri() . '/splide.min.css' );
    wp_register_script( 'splide-js', get_stylesheet_directory_uri() . '/splide.js', array(), false, true );
    wp_register_script( 'splide-init', get_stylesheet_directory_uri() . '/splide-init.js', null, null, true );
}
add_action( 'wp_enqueue_scripts', 'gm_enqueue_splide_scripts' );

// Construct shortcode
function db_custom_loop_shortcode($atts, $content = null) {
    global $post;
    // define attributes and their defaults
    $data_to_pass = extract( shortcode_atts( array (
        'post_type' => 'post',
        'posts_per_page' => '3',
        'post__not_in' => array( $post->ID ),
        'type' => 'loop',
    ), $atts ) );

    
    // Set query args
    $args = array(
        'post_type' => $post_type,
        'posts_per_page' => $posts_per_page,
        'post__not_in' => $post__not_in, // don't display current post
        'type' => $type,
    );

    // Enqueue Splide style and scripts
    wp_enqueue_style( 'splide-css' );
    wp_enqueue_script( 'splide-js' );
    wp_enqueue_script( 'splide-init' );

    $latest = new WP_Query($args);
    // Output loop
    if ( $latest->have_posts() ) {
        ob_start();
        echo '<div class="splide"><div class="splide__slider"><div class="splide__track"><div class="splide__list">';    
        while ($latest->have_posts()) : $latest->the_post();
            do_action('db_custom_post_loop'); // Hook name for content template
        endwhile;
        echo '</div></div></div></div>';
        wp_reset_postdata();
        return ob_get_clean();
    }
}
add_shortcode('db_display_custom_post_loop', 'db_custom_loop_shortcode');

Thanks!