Skip to content

Create An ACF Repeater Bootstrap Accordion in WordPress

Create An ACF Repeater Bootstrap Accordion for use in WordPress.

Accordions can be a handy way of managing larger amounts of data to display only certain bits at a time this guide shows how to use a Boostrap accordion with ACF, a non-bootstrap guide is here.

Create the ACF Repeater fields for the Bootstrap accordion.

Accordion Acf Repeater

 

You can create as many accordion fields as needed, assign the field group to a post or page and populate the repeater rows.

Accordion Acf Repeater Rows

Add the ACF Repeater Loop Bootstrap Accordion Code

Fred Perry
The brand founded by triple Wimbledon champion Fred Perry in 1952 and adopted by generations of British subcultures ever since. T
S,M,L,XL,XXL,XXXL
Red, Green, Blue

 

Shortcode Version

You can also do it as a shortcode and insert the loop.

 

Some more options here.

1 Comment

  1. Damien Carbery on October 8, 2019 at 9:42 am

    This code would be ideal to convert into a Gutenberg block. I’m working on changing a page built with ACF (which is inflexible) to blocks.
    Elliot’s example tutorial on creating a slick slider block is a great starting point: https://www.advancedcustomfields.com/blog/building-a-custom-slider-block-in-30-minutes-with-acf/

Leave a Comment





Scroll To Top