Support

Account

Home Forums Add-ons Repeater Field Multiple Bootstrap accordions with repeater field

Solving

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": ""
        }
    ]
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Multiple Bootstrap accordions with repeater field’ is closed to new replies.