18th Jul '24
/
0 comments

Post-specific HappyFiles Galleries using a Meta Box Select Field in Bricks

Post-specific HappyFiles Galleries using a Meta Box Select Field in Bricks

Updated on 19 Jul 2024

This Pro tutorial provides the steps to use Meta Box to select one or more HappyFiles' folders and output the images from the selected folder(s) using HappyFiles shortcode or Bricks' Image Gallery element or img elements in a query loop.

This is an extension of Output HappyFiles Folders in Metabox Select-Field tutorial.

Step 1

Install and activate HappyFiles.

Go to Media → Library.

Create folders and categorize images by moving them into the folders.

Step 2

Let's define a custom function that can be used to populate all the HappyFiles folder names as options of a Meta Box Select field.

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

<?php function get_happyfile_folders() { $outputChilds = true; $args = [ "taxonomy" => "happyfiles_category", //"slug" => "downloads", // get Folder by slug "orderby" => "name", "order" => "ASC", "hide_empty" => false, ]; $folders = get_terms( $args ); $selectOptions = []; foreach ( $folders as $folder ) { if ( ! $outputChilds && $folder->parent != 0 ) { continue; } $selectOptions[$folder->term_id] = $folder->name; } return $selectOptions; }

Step 3

Install and activate Meta Box.

Go to Meta Box → Custom Fields.

Create a new field group for your post type having a Select-type field.

Choices:

callback: get_happyfile_folders

If you would like to be able to select multiple folders, enable the "Multiple" option.

Step 4

Edit the posts (of your post type) and populate the field.

Step 5

Define another custom function to retrieve the IDs of images from the selected HappyFiles folder(s).

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 630 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Adding FAQ page Schema with SlimSeo Schema & Meta Box

Adding FAQ page Schema with SlimSeo Schema & Meta Box

SlimSeo Schema is a plugin by the people behind both SlimSEO & Meta Box. It takes care of adding all the page schema across your…
Categories:
Pro
Meta Box Group’s Number Sub Field Values Sum

Meta Box Group’s Number Sub Field Values Sum

In the Bricks Facebook group a user asked: We can define a custom function that takes a Meta Box group ID, the sub field ID…
Categories:
Tags:
Custom Image Field Avatar in WordPress

Custom Image Field Avatar in WordPress

Learn how to use a Meta Box image field value as the author profile image on single post pages in WordPress/Bricks.
Categories:
Tags:
Pro
Filtering Query Loop Posts by a Non-empty Custom Field in Bricks

Filtering Query Loop Posts by a Non-empty Custom Field in Bricks

This Pro tutorial shows how we can prefilter the results of a query output by a Bricks query loop to only those for which the…
Categories:
Tags: