Хорошо, я понял это! Настройка немного другая, но работает отлично.
Рабочий код PHP/HTML
jQuery(document).ready(function($){ $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, dots: true, arrows: false, asNavFor: '.slider-for', focusOnSelect: true, fade: true, autoplay: false }); });
Рабочий код JS
<section class="dev-slider-wrppr">
<div class="dev-slider-row">
<div class="slider-for">
<?php if( have_rows('slider_content') ): ?>
<?php while( have_rows('slider_content') ): the_row(); ?>
<?php
$slideimage = get_sub_field('slider_image');
$slidetitle = get_sub_field('slider_title');
$slidebdycpy = get_sub_field('slider_body_copy');
?>
<div class="slick-container">
<h4 class="info-title text-center"><?php echo $slidetitle; ?></h4>
<p class="description"><?php echo $slidebdycpy; ?></p>
<img src="<?php echo $slideimage['url']; ?>" alt="<?php echo $slideimage['alt']; ?>" />
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</section>
Сейчас это только базовый функционал. Если кто-то захочет использовать это, ему все равно придется использовать дополнительные CSS и JS.