jonathanphz
9/2/2016 - 4:04 PM

ACF repeater fields used in Cycle2 jQuery plugin. This requires Cycle2 plugin (http://jquery.malsup.com/cycle2/) but can probably be used on

ACF repeater fields used in Cycle2 jQuery plugin. This requires Cycle2 plugin (http://jquery.malsup.com/cycle2/) but can probably be used on other slider with some customization.

cycle-repeater-acf.php
content_copyfile_download
<section class="tab-slide">
    <div id="tab-slide-pager" class="tab-slide__anchor-wrapper"></div>
    <div class="cycle-slideshow"
        data-cycle-fx="fade"
        data-cycle-pager="#tab-slide-pager"
        data-cycle-timeout="0"
        data-cycle-slides="> div"
        >
        <?php if( have_rows('repater_field') ): ?>
        <?php  while ( have_rows('repater_field') ) : the_row() ; ?>
            <div data-cycle-pager-template="<a href=# class='tab-slide__anchor'><?php the_sub_field('tab_heading'); ?></a>">
                <div class="tab-slide__text">
                    <?php the_sub_field('tab_text'); ?>
                </div>
                <?php if(get_sub_field('tab_button')) : ?>
                    <a href="<?php the_sub_field('tab_button'); ?>" class="btn btn--ghost" target="_blank"><i class="fa fa-video-camera" aria-hidden="true"></i> Watch Video</a>
                <?php endif; ?>
            </div>
        <?php	endwhile ;?>
        <?php endif; ?>

    </div>
</section>