Allow users to edit the layouts sub fields in a modal, instead of opening layouts on the page. This setting will disable all the Layouts State settings, since it will force the layouts a collapsed (or displaying the Dynamic Preview).
Setting name | Description |
Modal Size | Define the modal size: Small, Medium, Large, Extra Large & Full. |
Layout Modal Size | Define a custom modal size for each layouts. |
Allow users to select the layouts to add in a modal instead of the native ACF dropdown. This setting will display the layouts in a grid based system for a better user experience.
Setting name | Description |
Modal Title | Define the modal title |
Modal Size | Define the modal size: Small, Medium, Large, Extra Large & Full. |
Columns | Define the columns grid: 1, 2, 3, 4, 5 or 6 columns |
Categories | Enable the layouts categories tabs. This setting will display a new category setting for each layouts. |
Choose a field group to clone and to used as a configuration modal for each layout. This setting will add a new icon in the layout handle bar. When clicked, a modal will open the cloned field group displaying the sub fields of your choice.
Setting name | Description |
Clone Settings | Define the field groups to clone in the modal |
Modal Size | Define the modal size: Small, Medium, Large, Extra Large & Full. |
Front-End Render
In order to display the clone sub fields on the front-end layouts, you can use the dedicated helpers with the following loop:
if(have_settings()):
while(have_settings()): the_setting();
$setting = get_sub_field('my_setting');
endwhile;
endif;
You can also use the native ACF method to loop thru clone sub fields if you prefer:
if(have_rows('layout_settings')):
while(have_rows('layout_settings')): the_row();
$setting = get_sub_field('my_setting');
endwhile;
endif;