Display of Layout ACF fields

Layout group includes Group, and Repeater fields.

Editor (built-in)

Used to manage field values in the admin area.

Click to enlarge.

Template (by Advanced Views)

Used to configure display of the field values on front.

Click to enlarge.

After assigning target fields to the template, the plugin automatically generates markup for them and a unique shortcode. You can specify labels and customize the generated Twig template to create a specific layout.

To display the field values, simply paste the generated shortcode in the desired location. The plugin will automatically retrieve the current values and render the template.

Front look (by Advanced Views)

The output below is styled as rows and includes labels for demonstration purposes. You can customize the markup as needed and combine fields from different groups.

Group (Pro)

Image

Text

Building

Repeater (Pro)

Image

Text

Skoda

Textarea

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id egestas mauris. Duis dictum ut nibh pretium placerat. Praesent sit amet odio felis. Aenean consectetur tincidunt purus, malesuada commodo ex tincidunt ac.

Image

Text

BMW

Textarea

Maecenas accumsan justo quam, sed feugiat libero porttitor et. Integer id viverra nisi. Suspendisse vitae lorem nulla. Nam vestibulum maximus nisl ut tincidunt. Nulla enim erat, sollicitudin pellentesque dui id, luctus lacinia felis.

Image

Text

BMW

Textarea

Ut sollicitudin feugiat metus a convallis. Donec lacinia erat sit amet leo pulvinar auctor. Quisque aliquet urna mauris, sed faucibus ante lacinia et. Fusce ante justo, accumsan id lorem eu, ullamcorper euismod purus.

Repeater with slider (Pro)

Image

Text

Skoda

Textarea

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id egestas mauris. Duis dictum ut nibh pretium placerat. Praesent sit amet odio felis. Aenean consectetur tincidunt purus, malesuada commodo ex tincidunt ac.

Image

Text

BMW

Textarea

Maecenas accumsan justo quam, sed feugiat libero porttitor et. Integer id viverra nisi. Suspendisse vitae lorem nulla. Nam vestibulum maximus nisl ut tincidunt. Nulla enim erat, sollicitudin pellentesque dui id, luctus lacinia felis.

Image

Text

BMW

Textarea

Ut sollicitudin feugiat metus a convallis. Donec lacinia erat sit amet leo pulvinar auctor. Quisque aliquet urna mauris, sed faucibus ante lacinia et. Fusce ante justo, accumsan id lorem eu, ullamcorper euismod purus.

In the Pro version, in addition to displaying values from meta fields, you can also create   custom Gutenberg blocks.

Note: The slider is created using the Splide library. Advanced Views Pro automatically generates a basic configuration for the slider and loads the slider library only on pages that use it. In the target View, you can configure any instance using any available options for the Splide library.