ACF Gallery Images not loading

ACF Gallery Images are not loading.

I added the following shortcode based on the example provided here: https://connekthq.com/plugins/ajax-load-more/examples/advanced-custom-fields/gallery/#shortcode

The slug for my ACF Gallery is test_gallery so I replaced alm_gallery with test_gallery in the shortcode:

[ajax_load_more preloaded=”true” preloaded_amount=”12″ posts_per_page=”12″ pause=”true” pause_override=”true” scroll=”true” button_label=”Load More” button_loading_label=”Loading…” seo=”true” acf=”true” acf_field_type=”gallery” acf_field_name=”test_gallery” seo=”true” container_type=”div” transition=”fade” images_loaded=”true”]

This gives me the Load More button, but It does not load the images from the ACF Gallery test_gallery.

I am not sure I understand the steps I need to take for this.

Do I replace the default repeater template:

<li <?php if (!has_post_thumbnail()) { ?> class=”no-img”<?php } ?>>
<?php if ( has_post_thumbnail() ) { the_post_thumbnail(‘alm-thumbnail’); }?>
<h3>” title=”<?php the_title(); ?>”><?php the_title(); ?></h3>
<p class=”entry-meta”><?php the_time(“F d, Y”); ?></p>
<?php the_excerpt(); ?>

with the template example found here:https://connekthq.com/plugins/ajax-load-more/examples/advanced-custom-fields/gallery/#template

<div class=”alm-gallery-img”>
” class=”popup”>
” alt=”<?php echo $image[‘alt’]; ?>” />

</div>

Because when I tried to do this I got the following error message: “Something went wrong and the data could not be saved.”

Could you please tell me the exact steps that need to be taken to implement the Ajax Load More for Advanced Custom Fields for an ACF Gallery on a post page?

Thank you very much.

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