Display of Content ACF fields

Content group includes Image, File, Wysiwyg, oEmbed and Gallery 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.

Image

Image with Lightbox (Pro)

File field

skoda_pricing

Wysiwyg

Some long text with the control of HTML:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus mi ut consectetur mattis. Morbi venenatis tellus id risus facilisis, non tempus enim ultrices. Praesent nec volutpat arcu. Integer vel tellus vitae dolor suscipit laoreet a id nisi. Suspendisse potenti. Vivamus sagittis scelerisque sapien eu ultricies. Vestibulum et dapibus nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce lobortis odio lacus, sit amet accumsan nisl commodo ut. Sed egestas tempus erat ut tempus. Nam sit amet nulla vel metus dapibus porttitor. Praesent in lobortis dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce feugiat efficitur sodales. Fusce iaculis nisi sit amet magna sodales iaculis. Nunc blandit vestibulum scelerisque.

oEmbed

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

The masonry look is achieved using the Macy.js library, while the Lightbox is created using the LightGallery library. The InlineCarousel is also powered by the LightGallery library.

Advanced Views Pro automatically generates basic configurations for these libraries and loads them only on pages where they are needed. In the target View, you can customize any instance using the available options for each library.