Flex Content Example 2

This is how the backend looks like, with reusable Section Header component fields in Flexible Content field.

flex-content-example-2




Array
(
    [flex_content] => Array
        (
            [0] => Array
                (
                    [acf_fc_layout] => first_layout
                    [section_header] => Array
                        (
                            [0] => Array
                                (
                                    [section_icon] => 231
                                    [section_title] => This is a section heading
                                    [section_content] => <p>Nam fermentum eros mauris. Fusce semper vestibulum sem quis cursus. Nunc neque augue, euismod ut gravida nec, tempus sit amet neque. Nullam in aliquam mi, consequat vulputate nunc. Nam ullamcorper tempus interdum. Donec congue finibus consequat. Morbi facilisis pellentesque feugiat. Fusce egestas tincidunt enim nec volutpat.</p>

                                    [section_background] => 
                                )

                        )

                    [some_other_field_related_to_this_layout] => Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    [another_one] => <p>Donec lacinia ornare porttitor. Nunc dolor augue, porta sed sem sit amet, porttitor convallis massa. Donec lacinia ornare porttitor. Nunc dolor augue, porta sed sem sit amet, porttitor convallis massa. Donec lacinia ornare porttitor. Nunc dolor augue, porta sed sem sit amet, porttitor convallis massa.</p>

                )

            [1] => Array
                (
                    [acf_fc_layout] => second_layout
                    [section_header] => Array
                        (
                            [0] => Array
                                (
                                    [section_icon] => 170
                                    [section_title] => This is section heading
                                    [section_content] => <p>Vivamus non ipsum tristique, porttitor nisi quis, efficitur dolor. Cras ut odio sed ligula ultrices scelerisque. Maecenas placerat justo ante, nec fringilla orci aliquam non. Quisque eu tortor sed ligula vehicula faucibus in eget leo. Nulla et nisi laoreet, pulvinar lacus semper, mollis orci. Duis quis posuere arcu. Donec elementum diam ac risus suscipit maximus. Vivamus sed felis nec diam aliquam congue. Curabitur at rhoncus sapien, a sagittis mi.</p>

                                    [section_background] => 
                                )

                        )

                    [some_other_field] => Donec lacinia ornare porttitor. Nunc dolor augue, porta sed sem sit amet, porttitor convallis massa.
                    [some_other_field_2] => Nam fermentum blandit nulla, sed bibendum est fringilla nec.
                )

        )

)