CODEWITHSUNDEEP
wordpressadvanced-custom-fields
Aurelian Spodarec
Aurelian Spodarec

Reputation: 154

How to repeat ACF Flexible Content on single pages?

Disclaimer: If you have never used ACF Flexible Content to build a site, please reserve the hate and all that - looking just for help.

I'm creating a website that's 100% modular, done with Flexible Content.

I have Pages such as: 

Home, About, Services, Blog, Portfolio, Contact

All of those pages styled using Flexible Content, these are PAGES.

I have created a custom field for Services and Portfolio, and I used WP Query to display each individal item. These are CUSTOM fields. Show this field group if post type to Services. Not a page.

So when you click it, what happens you go to single-[custom-post-type].php, however I just have single.php to keep it dynamic, which works.

The problem lays that when I have showed the flexible content page templates in the Services or Portfolio, and I add few items, I need go to every single item and set the layout.

How can I do so the layout stays all the same in Service or Portfolio custom field?

Upvotes: 0

Views: 3016

Answers (1)

Daniel Vickers
Daniel Vickers

Reputation: 1074

Firstly create your ACF Master block, for example, a testimonial section, this would have the repeater fields inside the block etc. In this example, we will call it Testimonial Master.

Then Create another Flexible Content Field Called Testimonial Block with a checkbox that you check to display or hide.

You will now populate Testimonial Master on your selected Parent Page or on an Options page. You then should add the Testimonial Block to any page you are looking to have that block appear on.

You will then went to check that the Testimonial Block is on the page, if it is on the page then you will check if Testimonial Master has a value if it has a value then you can pull in the values from Testimonial Master.

<?php 
    if( have_rows('page_structure') ):
    while ( have_rows('page_structure') ) :
    the_row();
        if( get_row_layout() == 'testimonial_block' ):
         if( get_sub_field('testimonial_block_toggle') == 'show' ):?>
             <div class="testimonials">
                <?php the_sub_field('testimonial_master_title', 1); ?>
             </div>
         <?php endif;
        endif;
    endwhile;
    endif;
?>

The "1" is the page ID, use this if you have populated the field on a master page. Or if you are using the ACF Options Page plugin change the "1" to "'options'".

Here is some further documentation on getting values from other posts including that of repeater fields.

https://www.advancedcustomfields.com/resources/how-to-get-values-from-another-post/

Edit: Custom Header as per your example

Make a custom header file and add your code for that header block.

Now make an advanced custom field for a text area. For example header_text_block, set it to a WYSIWYG editor.

Now in your code just use:

<?php the_field('header_text_block');?>

This will then use the exact same header on every page you pull it into, however it will let you edit the text individually for each page.

Edit: Example of what this code looks like and does

Also I think you are very confused, there will only be 1 php/html file? you could use page.php.

Here's an example of what I am saying, 1 php file:

<?php if( have_rows('page_structure') ):

        while ( have_rows('page_structure') ) : the_row();  

            if( get_row_layout() == 'page_featured' ):
                $image = get_sub_field('page_featured_image');
                    if( !empty($image) ):?>
                        <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>">
                    <?php endif;
            endif;

            if( get_row_layout() == 'page_breadcrumbs' ):

                if( !in_array( 'hide', get_sub_field('page_breadcrumbs_hide') ) ):?>
                    <?php if ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb('<p id="breadcrumbs">','</p>');}?>
                <?php else :
                endif;
            endif;
        endwhile;
    endif;
?>

This then looks like this on the page editor:

ACF Flexible Content

You can then edit each section as you please and also drag and drop sections where you want them which enables easy split testing.

All the styling will be the same, just you can change the content and if you wanted you could add the ability to alter stylings pretty easily. And it only uses 1 PHP file for the template.

Upvotes: 1

Related Questions