17th Sep '24
/
3 comments

ACF Select Field Query Types in Bricks

In the BricksLabs Facebook group a user asks:

Hi all, I am building a single post template for a CPT and want to know if I can work more effectively with some ACF data.

With the ACF Select Field, I would like a way I can return the selected items and work with the data in bricks more effectively, Currently I am using a snippet to return the selections > https://codefile.io/f/G1fLgmJ6ee

This works by returning each choice separately, but it removes the workflow from within the builder, and I have to start writing custom CSS, etc., instead of applying a class to an element and styling it in the builder.

Is there a better way I can do this that allows me to keep using the builder to edit elements live and see the correct design/output in the builder? I have a ton of these to do and hope there is a better way.

This Pro tutorial provides the steps to register

  • a custom query type for a specific ACF select field
  • custom query types for all ACF select fields automatically
    • with the corresponding dynamic tags to be used in the editor for outputting the selected choices

Custom query type for a specific ACF select field

Consider this field group:

For the "Sample Page", I have Bricks and Breakdance selected:

After implementing the tutorial, a new "WordPress Page Builders Query" query type will be available

and a new dynamic tag:

to get the output:

Custom query types for all ACF select fields

Field groups:

(in addition to the earlier one)

Sample Service CPT post:

After implementing the tutorial, these query types will be available: "Service Locations (ACF Select)" and "WordPress Page Builders (ACF Select)" with these corresponding dynamic tags:

{bl_acf_service_locations_value}

{bl_acf_wordpress_page_builders_value}

Custom query type for a specific ACF select field

Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Categories and SubCategories Query Loop Tabs in Bricks

Categories and SubCategories Query Loop Tabs in Bricks

Learn how to show top-level parent categories as tab titles and the corresponding subcategories as tab contents using Bricks nested queries.
Categories:
Pro
Ordering Posts by Terms in Bricks

Ordering Posts by Terms in Bricks

How to output upcoming events at the top and past events below in a single query loop in Bricks.
Categories:
Pro
Displaying Gallery of SureCart Product Images with Bricks’ Query Loop

Displaying Gallery of SureCart Product Images with Bricks’ Query Loop

Custom query loop for looping through SureCart product images.
Categories:
Tags:
Pro
Nested Meta Box Query Loop Inside a CPT Query Loop in Bricks

Nested Meta Box Query Loop Inside a CPT Query Loop in Bricks

This Pro tutorial provides the steps for setting up a cloneable Meta Box group query inside a CPT query in Bricks. Scenario: CPT: course Meta…
Categories:
Pro
Upcoming Events Grouped by ‘Month Year’ in Bricks

Upcoming Events Grouped by ‘Month Year’ in Bricks

A custom query loop type for showing future events based on a date custom field using three nested query loops.
Pro
ACF Taxonomy Field Value in Single Posts

ACF Taxonomy Field Value in Single Posts

Consider this scenario: CPT: Movie Movie CPT Taxonomy: Movie Genre Movie Genre Taxonomy's field: Genre Color Each movie will have only genre set. The requirement…
Categories:
Tags:
Adding any Custom WP_Query loop to Bricks’ Query Loop

Adding any Custom WP_Query loop to Bricks’ Query Loop

Sometimes we may need to create a custom post loop using Bricks' query loop feature, but wish to use our own WP_Query code for more…
Pro
Search Results Grouped by Post Types in Bricks

Search Results Grouped by Post Types in Bricks

Updated on 08 Oct 2024 This Pro tutorial provides the steps to arrange the search results by specified post types in a Bricks site. We…
Pro
Events grouped by months within years based on event date custom field value

Events grouped by months within years based on event date custom field value

How to output events grouped by years and months using three nested query loops in Bricks.
Categories: