ACF PROS REPEATER FIELDS & BEAVER THEMER

Beaver Themer does not yet support ACF Pro (Advanced Custom Fields) repeater fields which allows client to add more or less content of a particular type of content. Luckily, we can use the free Custom Content Shortcode plugin to get around this.

Here is an example.

The client needed to be able to add different numbers of image icons with corresponding text from the backend of a post.

Creating Repeater fields

Repeater fields in the backend of a post

We add shortcodes to a HTML module

/*Custom CSS to show 
the content horizontally.*/

/*The optional "feature-icon" selector
 was added to the module*/

.feature-icons .single-features
{
 width: 12%;
 position: relative;
 display: inline-block;
 vertical-align: top;
}
.feature-icons IMG
{
 width: 45px;
 margin-bottom: 5px;

}
.feature-icons
{
 font-size: 9px;
 text-align: center;
}

Here is what I added the span class was added so I could make the repeated content show horizontally with the CSS shown here.

The format is simple:

[repeater the main field name ] (start of the repeater or loop)

[field image= sub field image name] (if you use field only it will show the the url of the image)[field sub field image name]

[/repeater] (ends the repeater)

[repeater product_features]

<span class="single-features">[field image=feature_icon thumbnail]<br>[field feature_copy]</span>

[/repeater]