Home › Forums › Add-ons › Repeater Field › Multiple Bootstrap accordions with repeater field
Hey there,
first of all I´m a beginner in coding,
I have set up multiple accordions with this custom code:
<?php
//My ACF Fields for reference
//faqs - field group
//faq_question - sub-field
//faq_answer - sub-field
// check if the repeater field has rows of data
if( have_rows('faqs') ):
?>
<?php while ( have_rows('faqs') ) : the_row(); ?>
<div id="faq_container">
<div class="faq">
<div class="faq_question">
<span class="question">
<?php the_sub_field('faq_question'); ?>
</span>
<span class="accordion-button-icon fa fa-plus"></span>
</div>
<div class="faq_answer_container">
<div class="faq_answer">
<span><?php the_sub_field('faq_answer'); ?></span>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
I would like to use the bootstrap accordion markup, tried to just fill my code above inside the Bootstrap accrodion but no content appears on frontend.
I found a thread in the support forum where someone discribes how to set up multiple accordions with bootstrap, but unfortunately theres still no content shown on frontend.
This is the code from the other thread:
<?php if( have_rows('content') ): ?>
<?php $j=1; while ( have_rows('content') ) : the_row(); ?>
<?php if( get_row_layout() == 'accordion' ): ?>
<?php if (get_sub_field('heading')) { ?>
<h2 class="title text-center"><?php the_sub_field('heading'); ?></h2>
<?php } ?>
<?php if( have_rows('sections') ): ?>
<div class="panel-group" id="accordion-<?php echo $j; ?>" role="tablist" aria-multiselectable="true">
<?php $i=1; while ( have_rows('sections') ) : the_row(); ?>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-<?php echo $i; ?>">
<h2 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-<?php echo $j; ?>" href="#collapse-<?php echo $j; ?>-<?php echo $i; ?>" aria-expanded="true" aria-controls="collapseOne">
<?php the_sub_field('question'); ?>
</a>
</h2>
</div>
<div id="collapse-<?php echo $j; ?>-<?php echo $i; ?>" class="panel-collapse collapse <?php if ($i==1) { echo 'in'; } ?>" role="tabpanel" aria-labelledby="heading-<?php echo $i; ?>">
<div class="panel-body">
<?php the_sub_field('answer'); ?>
</div>
</div>
</div>
<?php $i++; endwhile; ?>
</div>
<?php endif; ?>
<?php endif; ?>
<?php $j++; endwhile; ?>
<?php else : endif; ?>
Could someone help me get my code together with the bootrap accordion markup ?
Thanks,
Marc
Marc:
This link may set you on the right path:
http://wordpress.stackexchange.com/questions/185612/while-loop-with-bootstrap
I’ll try it based on your code today (11.25.15) and see what happens, then get back to you.
robincham
This is my solution for anyone else wanting to use Bootstrap 3 Accordion in WordPress:
ACF Field = “faqs”
Repeater Sub Fields = “question”, “answer”
<?php
$counter = 1;
if( have_rows('faqs') ):
echo "<div class='panel-group' id='accordion'>";
while ( have_rows('faqs') ) : the_row();
$count = $counter++;
echo "<div class='panel panel-default'>
<div class='panel-heading'>
<h4 class='panel-title'>
<a data-toggle='collapse' data-parent='#accordion' href='#collapse" . $count . "'>";
the_sub_field('question');
echo "</a>
</h4>
</div>
<div id='collapse" . $count . "' class='panel-collapse collapse'>
<div class='panel-body'>";
the_sub_field('answer');
echo "</div>
</div>
</div>";
endwhile;
echo "</div>";
else :
endif;
?>
Note: I’ve removed the “in” from the answer class so all panels will be closed on page load. If you want all to be open then use this instead:
class=’panel-collapse collapse in’
And here is my code for Bootstrap 4.
I change the IDs name (#accordion) because I want to use multiple accordions on one page.
<?php if( have_rows('_accordion_zeile') ): $accordion++; ?>
<div id="accordion<?php echo $accordion; ?>">
<?php while ( have_rows('_accordion_zeile') ) : the_row(); $collapse++; ?>
<div class="card">
<div class="card-header" id="heading<?php echo $collapse; ?>">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapse<?php echo $collapse; ?>" aria-expanded="true" aria-controls="collapse<?php echo $collapse; ?>">
<?php the_sub_field("_accordion_titel"); ?>
</button>
</h5>
</div>
<div id="collapse<?php echo $collapse; ?>" class="collapse" aria-labelledby="heading<?php echo $collapse; ?>" data-parent="#accordion<?php echo $accordion; ?>">
<div class="card-body">
<?php the_sub_field("_accordion_inhalt"); ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
Thanks herrfischer, can you paste the code without your modifications to use multiple accordions in one page?
@xuzo – It is save to use this, even if there is only one accordion. You will anyway need a uniqe ID for the rows of the accordion.
In this example I use get_row_index()
to give the ID:
<?php if ( have_rows('columns') ) : ?>
<div class="row">
<?php while ( have_rows('columns') ) : the_row(); ?>
<?php if ( get_row_layout() == 'columns_row_row_accordion'): ?>
<section class="column column_accordion __ col-12">
<?php $Acc = get_row_index(); ?>
<?php if( have_rows('accordion_zeile') ) : ?>
<div id="accordion_<?php echo $Acc; ?>">
<?php while ( have_rows('accordion_zeile') ) : the_row(); ?>
<div class="card">
<div class="card-header" id="heading_<?php echo get_row_index(); ?>_<?php echo $Acc; ?>">
<h4 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapse_<?php echo get_row_index(); ?>_<?php echo $Acc; ?>" aria-expanded="true" aria-controls="collapse_<?php echo get_row_index(); ?>_<?php echo $Acc; ?>">
<?php the_sub_field("accordion_titel"); ?>
</button>
</h4>
</div>
<div id="collapse_<?php echo get_row_index(); ?>_<?php echo $Acc; ?>" class="collapse" aria-labelledby="heading_<?php echo get_row_index(); ?>_<?php echo $Acc; ?>" data-parent="#accordion_<?php echo $Acc; ?>">
<div class="card-body">
<?php the_sub_field("accordion_text"); ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
</section>
<?php endif; ?>
<?php endwhile; ?>
</div>
<?php endif; ?>
And in this example I use “uniqid” to give an ID:
https://codepen.io/herrfischer/pen/yqrZzm
Feel free to ask if you need more help.
If it helps you, import this as “something.json” in your ACF and check it out.
[
{
"key": "group_5d75feeccbdc9",
"title": "Spalten",
"fields": [
{
"key": "field_5d725da67101e",
"label": "Spalten",
"name": "columns",
"type": "flexible_content",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layouts": {
"layout_5d720da0975d2": {
"key": "layout_5d720da0975d2",
"name": "columns_row_row_h2",
"label": "Headline (H2)",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da671025",
"label": "Text",
"name": "text",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": "",
"acfe_validate": false,
"acfe_update": false
}
],
"min": "",
"max": ""
},
"layout_5d720ea2b59b6": {
"key": "layout_5d720ea2b59b6",
"name": "columns_row_row_h3",
"label": "Headline (H3)",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da67102c",
"label": "Text",
"name": "text",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": "",
"acfe_validate": false,
"acfe_update": false
}
],
"min": "",
"max": ""
},
"layout_5d6f7653437a2": {
"key": "layout_5d6f7653437a2",
"name": "columns_row_row_intro",
"label": "Einleitung",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da671033",
"label": "Editor",
"name": "columns_row_row_intro_editor",
"type": "wysiwyg",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 0,
"delay": 0,
"acfe_validate": false,
"acfe_update": false
}
],
"min": "",
"max": ""
},
"577ba52f12d8c": {
"key": "577ba52f12d8c",
"name": "columns_row_row_wysiwyg",
"label": "Editor",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da67103a",
"label": "Editor",
"name": "columns_row_row_wysiwyg_editor",
"type": "wysiwyg",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 0,
"delay": 0,
"acfe_validate": false,
"acfe_update": false
}
],
"min": "",
"max": ""
},
"layout_5d6f7c304ec2a": {
"key": "layout_5d6f7c304ec2a",
"name": "columns_row_row_card",
"label": "Karte",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da671041",
"label": "Bild",
"name": "columns_row_row_card_img",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"return_format": "array",
"preview_size": "thumbnail",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"acfe_thumbnail": 0,
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da671042",
"label": "Header",
"name": "columns_row_row_card_header",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": "",
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da671043",
"label": "Editor",
"name": "columns_row_row_card_editor",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 0,
"delay": 0,
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da671044",
"label": "Button (Mehr Info)",
"name": "columns_row_row_card_button",
"type": "link",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"return_format": "array",
"acfe_validate": false,
"acfe_update": false
}
],
"min": "",
"max": ""
},
"layout_5d6f95c598351": {
"key": "layout_5d6f95c598351",
"name": "columns_row_row_feature",
"label": "Feature",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da67104b",
"label": "Bild",
"name": "img",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"return_format": "id",
"preview_size": "thumbnail",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"acfe_thumbnail": 0,
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da67104c",
"label": "Headline",
"name": "headline",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": "",
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da67104d",
"label": "Editor",
"name": "editor",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 0,
"delay": 0,
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da67104e",
"label": "Button (Mehr Info)",
"name": "button",
"type": "link",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"return_format": "array",
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da67104f",
"label": "Optionen",
"name": "",
"type": "accordion",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"open": 0,
"multi_expand": 0,
"endpoint": 0
},
{
"key": "field_5d725da671050",
"label": "Bild rechts",
"name": "img_right",
"type": "true_false",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"message": "Bild rechts",
"default_value": 0,
"ui": 0,
"ui_on_text": "",
"ui_off_text": "",
"acfe_validate": false,
"acfe_update": false
}
],
"min": "",
"max": ""
},
"layout_5d7f731463ff4": {
"key": "layout_5d7f731463ff4",
"name": "columns_row_row_b",
"label": "Bild (volle Breite)",
"display": "block",
"sub_fields": [
{
"key": "field_5d7f731463ff5",
"label": "Bild",
"name": "img",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "array",
"preview_size": "thumbnail",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": ""
}
],
"min": "",
"max": ""
},
"layout_5d7221914e469": {
"key": "layout_5d7221914e469",
"name": "columns_row_row_bt",
"label": "Bild (volle Breite) + Text",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da671057",
"label": "Bild",
"name": "img",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"return_format": "array",
"preview_size": "thumbnail",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"acfe_thumbnail": 0,
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da671058",
"label": "Editor",
"name": "editor",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 0,
"delay": 0,
"acfe_validate": false,
"acfe_update": false
}
],
"min": "",
"max": ""
},
"layout_5d024db252b54": {
"key": "layout_5d024db252b54",
"name": "columns_row_row_trenner",
"label": "Trenner",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da671059",
"label": "Info",
"name": "",
"type": "message",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"message": "Ein Trennelement das die Reihe mit Spalten davor beendet (erzwungener Umbruch).",
"new_lines": "wpautop",
"esc_html": 0
},
{
"key": "field_5d725da67105a",
"label": "Optionen",
"name": "",
"type": "accordion",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"open": 0,
"multi_expand": 0,
"endpoint": 0
},
{
"key": "field_5d725da67105b",
"label": "Trenner Design",
"name": "_inse_trenner_design",
"type": "radio",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"choices": {
"stroke": "Linie",
"ghost": "Unsichtbar"
},
"allow_null": 0,
"other_choice": 0,
"save_other_choice": 0,
"default_value": "",
"layout": "vertical",
"return_format": "value",
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da67105c",
"label": "Trenner Design Optionen",
"name": "_inse_trenner_design_options_1_gr",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_5d725da67105b",
"operator": "==",
"value": "stroke"
}
]
],
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"layout": "block",
"sub_fields": [
{
"key": "field_5d725da67105d",
"label": "Farbe",
"name": "_color",
"type": "color_picker",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "#fff",
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da67105e",
"label": "Stärke",
"name": "_width",
"type": "number",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": 3,
"placeholder": 3,
"prepend": "",
"append": "Pixel",
"min": 1,
"max": "",
"step": "",
"acfe_validate": false,
"acfe_update": false
}
]
}
],
"min": "",
"max": ""
},
"layout_5d70cec989566": {
"key": "layout_5d70cec989566",
"name": "columns_row_row_accordion",
"label": "Accordion",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da671065",
"label": "Accordion Zeile",
"name": "accordion_zeile",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"collapsed": "",
"min": 0,
"max": 0,
"layout": "block",
"button_label": "Accordion Zeile hinzufügen",
"sub_fields": [
{
"key": "field_5d725da671066",
"label": "Titel",
"name": "accordion_titel",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": "",
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da671067",
"label": "Accordion Text",
"name": "accordion_text",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"tabs": "all",
"toolbar": "basic",
"media_upload": 0,
"delay": 0,
"acfe_validate": false,
"acfe_update": false
}
]
}
],
"min": "",
"max": ""
},
"layout_5d7114e0e3584": {
"key": "layout_5d7114e0e3584",
"name": "columns_row_row_downloads",
"label": "Downloads",
"display": "block",
"sub_fields": [
{
"key": "field_5d725da67106e",
"label": "Downloads",
"name": "_listdl",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": false,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"min": 0,
"max": 0,
"layout": "table",
"button_label": "",
"collapsed": "",
"sub_fields": [
{
"key": "field_5d725da67106f",
"label": "Download",
"name": "_singledl",
"type": "file",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_5d725da671070",
"operator": "!=",
"value": "1"
}
]
],
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"return_format": "id",
"library": "all",
"min_size": "",
"max_size": "",
"mime_types": "",
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da671070",
"label": "Externer Download",
"name": "_singledl_extern_choice",
"type": "true_false",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"acfe_permissions": "",
"message": "Externe Datei",
"default_value": 0,
"ui": 0,
"ui_on_text": "",
"ui_off_text": "",
"acfe_validate": false,
"acfe_update": false
},
{
"key": "field_5d725da671071",
"label": "Download extern",
"name": "_singledl_extern",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_5d725da671070",
"operator": "==",
"value": "1"
}
]
],
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_permissions": "",
"default_value": "",
"placeholder": "https:\/\/www. ...",
"prepend": "",
"append": "",
"maxlength": "",
"acfe_validate": false,
"acfe_update": false
}
]
}
],
"min": "",
"max": ""
},
"layout_5d7627e37a23f": {
"key": "layout_5d7627e37a23f",
"name": "columns_row_row_video",
"label": "Video",
"display": "block",
"sub_fields": [
{
"key": "field_5d7627fd7a240",
"label": "Video",
"name": "video",
"type": "oembed",
"instructions": "Geben Sie in dem Feld \"URL eingeben\" den Link zum Video ein. Beispiele:<br \/>\r\nhttps:\/\/www.youtube.com\/watch?v=jNQXAC9IVRw<br \/>\r\nhttps:\/\/vimeo.com\/channels\/staffpicks\/98741946",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"width": "",
"height": ""
}
],
"min": "",
"max": ""
},
"layout_5d762bb5c8563": {
"key": "layout_5d762bb5c8563",
"name": "columns_row_row_personen",
"label": "Personen",
"display": "block",
"sub_fields": [
{
"key": "field_5d762c3ac8564",
"label": "Person",
"name": "person",
"type": "relationship",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"post_type": [
"person"
],
"taxonomy": "",
"filters": [
"search"
],
"elements": [
"featured_image"
],
"min": "",
"max": "",
"return_format": "object"
},
{
"key": "field_5d7631151dde7",
"label": "Details",
"name": "_ausblenden",
"type": "checkbox",
"instructions": "Entfernen Sie den Haken der Felder welche nicht auf der Website angezeigt werden sollen (gilt dann nur für diese Seite).",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"choices": {
"pos": "Position",
"email": "E-Mail",
"telefon": "Telefon",
"address": "Adresse",
"foto": "Foto"
},
"allow_custom": 0,
"default_value": [
"pos",
"email",
"telefon",
"address",
"foto"
],
"layout": "horizontal",
"toggle": 0,
"return_format": "value",
"save_custom": 0
}
],
"min": "",
"max": ""
},
"layout_5d765d2193ab3": {
"key": "layout_5d765d2193ab3",
"name": "columns_row_row_prozentanzeige",
"label": "Prozentanzeige",
"display": "block",
"sub_fields": [
{
"key": "field_5d765ef920e87",
"label": "Prozent Balken",
"name": "prozent_balken",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"collapsed": "",
"min": 0,
"max": 0,
"layout": "table",
"button_label": "",
"sub_fields": [
{
"key": "field_5d765f1020e89",
"label": "Prozent",
"name": "prozent",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "%",
"maxlength": ""
},
{
"key": "field_5d765f0520e88",
"label": "Text",
"name": "text",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "80",
"class": "",
"id": ""
},
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": ""
}
]
}
],
"min": "",
"max": ""
},
"layout_5d766e2e96670": {
"key": "layout_5d766e2e96670",
"name": "columns_row_row_seniorenzentrum",
"label": "Einrichtung",
"display": "block",
"sub_fields": [
{
"key": "field_5d766f4996671",
"label": "Einrichtung",
"name": "einrichtung",
"type": "relationship",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"post_type": [
"einrichtung"
],
"taxonomy": "",
"filters": [
"search"
],
"elements": [
"featured_image"
],
"min": "",
"max": "",
"return_format": "object"
}
],
"min": "",
"max": ""
},
"layout_5d9df2c47b33a": {
"key": "layout_5d9df2c47b33a",
"name": "columns_row_row_jobsfeed",
"label": "Stellenangebote (Feed)",
"display": "block",
"sub_fields": [
{
"key": "field_5d9df2dc7b33b",
"label": "Info",
"name": "",
"type": "message",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"message": "Aktuelle Stellenangebote von \"<strong>https:\/\/www.awo-stellenboerse.de<\/strong>\/stellenboerse-hamburg-seniorenwohnen.json\".",
"new_lines": "wpautop",
"esc_html": 0
}
],
"min": "",
"max": ""
}
},
"button_label": "Spalte hinzufügen",
"min": "",
"max": ""
}
],
"location": [
[
{
"param": "post_template",
"operator": "==",
"value": "tpl-sidebar_left.php"
}
],
[
{
"param": "post_template",
"operator": "==",
"value": "tpl-fullwidth_m.php"
}
]
],
"menu_order": 0,
"position": "normal",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": ""
}
]
The topic ‘Multiple Bootstrap accordions with repeater field’ is closed to new replies.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Privacy Policy. If you continue to use this site, you consent to our use of cookies.