ACF While Loop for Shortcode

I want to create a Tutorial Template page with easy steps to follow. and i did that with Advanced Custom Fields (ACF) – great plugin

Not every tutorial has the same amount of steps to follow so i wanted an dynamic setup and still write easy tutorials.
So i made a while loop for a repeater field.

While Loop for ACF repeater field.

The repeater field is called steps and the subfields are called, steptitle and stepcontent.
It should result in something like this:
_______

Step #1 The first title from steptitle

This is the content from the first stepcontent field

Step #2 The second title from steptitle

This is the content from the second stepcontent field

_______

//add_action('genesis_entry_content', 'steps');
add_shortcode('steps', 'steps');
function steps(){


// check if the repeater field has rows of data
if( have_rows('steps') ):
 $counter;
 $output = '';

?><h2>Installation Steps</h2><?php
    // loop through the rows of data
    while ( have_rows('steps') ) : the_row();
 $counter++;        // display a sub field value
$steptitle = get_sub_field('steptitle');
$content = get_sub_field('stepcontent');
$output .= '<h2>' .$counter . '. <a id="step-' .$counter . '" href="#step-' .$counter . '" class="step-' .$counter . '">#</a> ' .$steptitle . '</h2>' . $content;

    endwhile;

endif;
return $output;
}

//add_action('genesis_entry_content', 'steps');

add_shortcode('steps', 'steps');

function steps(){

// check if the repeater field has rows of data

if( have_rows('steps') ):

$counter;

$output = '';

?><h2>Installation Steps</h2>

// loop through the rows of data

while ( have_rows('steps') ) : the_row();

$counter++; // display a sub field value

$steptitle = get_sub_field('steptitle');

$content = get_sub_field('stepcontent');

$output .= '

' .$counter . '. .$counter . '" href="#step-' .$counter . '" class="step-' .$counter . '"># ' .$steptitle . '

' . $content;

endwhile;

endif;

return $output;

}

While Loop for ACF repeater field.

Step #1 The first title from steptitle

Step #2 The second title from steptitle

' .$counter . '. .$counter . '" href="#step-' .$counter . '" class="step-' .$counter . '"># ' .$steptitle . '

Related Posts