FAIR

Federated and Independent Repositories

Advanced Custom Fields: Accordion Tab Field

Plugin Banner

Advanced Custom Fields: Accordion Tab Field

by bogdand

Download
Description

The ACF Accordion provides an easy way to organize big forms by grouping the fields in accordion tabs. It works with horizontal tabs and it also supports WordPress icons.

Please contribute here
https://github.com/bvdr/acf-accordion

Compatibility

This ACF field type is compatible with:

  • ACF PRO
  • ACF 5
  • ACF 4
  1. Copy the acf-accordion folder into your wp-content/plugins folder
  2. Activate the Accordion Tab plugin via the plugins admin page
  3. Create a new field via ACF and select the Accordion Tab type
  4. Please refer to the description for more info regarding the field type settings

Including it in theme

ACF Accordion can be included in the theme by using the acf/accordion/dir filter. Here is an example

`php

include_once( ‘includes/acf-accordion/acf-accordion.php’ );

add_filter( ‘acf/accordion/dir’, ‘acf_accordion_dir’ );
function acf_accordion_dir( $dir ) {
$dir = get_template_directory_uri() . ‘/includes/acf-accordion/’;
return $dir;
}
`

  1. This is an example of how the accordion works in an option menu created with ACF

    This is an example of how the accordion works in an option menu created with ACF

This one made me buy ACF pro today for 25 A$. Brilliant

By Nihad Nagi (nihadnagi) on September 3, 2016

I am developing on wp-types on a life subscription, but the number of fields plugins available, made me rethink for a smoother UI for my clients, this one stood out, actually I bought ACF on full throttle today, especially for this one, saving us alot of JS in the background and much on styling, now it's a piece a cake. Good luck keep it up.

Dang. So Close

By broodi on September 3, 2016

Man I love this plugin, BUT the Google Map and Google Map Extended wont show up after the first time you put it in. Works fine the first time, but the map disappears from the admin view after the initial time you put it in. (at least in Chrome 50.x and Firefox 46 on Mac)

Everything works fine on the front-end.

ALSO: it would be good if the 'panels' for the accordion had a different background color and hover color. It would be awesome if that was 'color-pickable'.

I will keep looking for an update. good job. I'm gonna live with it for now.

Simple and Nice

By deb (debendra) on September 3, 2016

Its simple and powerful, i liked it.

Very nice

By Surendra Shrestha (nepsure) on September 3, 2016

It's pretty good one. Well done!

Fantastic plugin

By Gabriel Reguly on September 3, 2016

Does what it says.

Thanks for it.

Cheers,
Gabriel

1.1.1 – April 17, 2016

  • [Fix] multi tabs not working with accordion, tab after accordions showing empty;

1.1.0

  • [Fix] styling in ACF5 free version;
  • [Fix] gallery crashing in accordion tab;
  • [Fix] google map crashing in accordion tab;
  • [Fix] repeater field crashing in accordion tab;
  • [Add] support for ACF-Column-Field, contribution by Thomas Meyer;
  • [Add] add icon picker in admin section, contribution by Thomas Meyer;
  • [Add] refactored the accordion script, contribution by Thomas Meyer;

1.0.2

  • [Fix] Tabs after accordion not showing in latest version of ACF;

1.0.1

  • [Add] support for V4;
  • [Add] ‘acf/accordion/dir’ filter to allow the plugin to be integrated in themes;

1.0.0

  • It works!
Back to top