Display of Advanced ACF fields

Advanced group includes Google map, Date picker, Date time picker, Time picker and Color picker fields. OpenStreetMap functionality, along with the ability to use multiple markers in Google Maps, can be added through free addons.

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.

Google map

Google map with custom marker (Pro)

Google map with address (Pro)

Ukraine, Kyiv, Khreschatyk Street, 20-22

Google map with multiple markers (addon)

Open street map (addon)

Open Street Map with address (Pro)

Ukraine,Kyiv,Khreshchatyk Street,48
Ukraine,Kyiv,Lesi Ukrainky Boulevard,21-Б

Date picker

01/01/2025

Date time picker

01/01/2026 12:00 am

Time picker

12:00 am

Color picker

#06825c

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

Notes:

Google Map: By default, the ACF map field doesn’t support multiple markers. However, there is a free addon available that allows you to add support for multiple markers, and it’s compatible with the Advanced Views plugin.

OpenStreetMap: By default, the ACF map field only works with Google Maps. Nevertheless, a free addon is available that adds ‘OpenStreetMap’ support and provides multiple marker functionality out of the box. Advanced Views is compatible with this addon.

In the Advanced Views Pro version, all the map fields mentioned above can have custom markers (one icon for all markers within one map) and display the chosen addresses.