15th Apr '23
/
0 comments

Post Specific Footers in Bricks using Meta Box

This Pro tutorial provides the steps to output post-specific footer using Meta Box' Post type of field when using Bricks.

Sample screenshots below.

Course CPT item:

Course 1's footer has been set to be Footer 1

Footer CPT item:

Populating Footer 1's custom fields

Course 1 on the front end:

Another course, Course 2 whose Footer field has been set to Footer 2:

We shall set this up such that single course pages that don't have a footer set and all other pages of the site (like the homepage, blog posts index) will output the field values from a "Default Footer".

Step 1

Install and activate Meta Box and Meta Box AIO plugins.

Create Course and Footer CPTs.

Step 2

Create a field group for the Course CPT having a Post type of field set to footer post type.

Step 3

Create a field group for the Footer CPT having a Group field like this [field group export JSON (mirror)]:

Step 4

Create your post-specific footers.

Make sure to also create a default footer.

Edit your Course CPT entries and select the corresponding footers.

Step 5

Edit your Footer template with Bricks and paste this JSON.

In the outer loop, we are querying the Footers. But this is going to pull all the footer CPT items. In the next step, we shall limit this to only the footer that has been set (if set) for the current single course (when on a single course page) or the default footer.

In the inner loop, the query is set to "Footer Links" - a custom query type that we are going to create in the next step. Since this does not exist yet, after doing Step 5 you may have to come back and ensure that the query type is set correctly.

The heading text inside the inner loop is set to:

{echo:bl_get_looping_sub_field(header)}

and the Basic Text element's text set to:

{echo:bl_get_looping_sub_field_links}

Step 6

Add the following in child theme's functions.php 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 625 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
ACPT Gallery Field Query Loop in Bricks

ACPT Gallery Field Query Loop in Bricks

How we can output images from ACPT‘s Gallery field for posts as a grid using a query loop.
Categories:
Pro
Meta Box Color Picker to CSS Custom Property Workflow in Bricks

Meta Box Color Picker to CSS Custom Property Workflow in Bricks

This Pro tutorial provides the steps to declare a custom property (CSS variable) whose value is equal to the post-specific color set via a custom…
Categories:
Tags:
HappyFiles Bricks Query Loop

HappyFiles Bricks Query Loop

This tutorial explores different ways in which images from WordPress Media Library organized via HappyFiles can be pulled and shown in Bricks using query loop(s).…
Categories:
Posts Related by Current Post’s Terms in Bricks

Posts Related by Current Post’s Terms in Bricks

Showing other posts assigned to the same categories/tags/custom taxonomy terms as the current post.
Categories:
Load more for Query loops in Bricks

Load more for Query loops in Bricks

Did you know that Bricks has AJAX loading for query loop posts on-click out of the box?
Categories:
Pro
Conditionally Hiding Bricks Filters based on Select Filter Value

Conditionally Hiding Bricks Filters based on Select Filter Value

How show or hide Bricks' filter based on the selection made by another filter.
Categories:
Tags: