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..

Output HappyFiles Folders in Metabox Select-Field

Output HappyFiles Folders in Metabox Select-Field

This tutorial is part of a series where I'm gonna show you how to output custom HappyFiles Galleries and Sliders. Part one will cover a…
Categories:
Pro
Conditional Rendering Based on Current Date and Time in Bricks when Using Meta Box

Conditional Rendering Based on Current Date and Time in Bricks when Using Meta Box

A Pro member of our site asks: Using bricks + Meta, conditionally show a post listing under 3 different conditions, based on the Current Date…
Pro
Custom Meta Box Thumbnail Slider in WordPress

Custom Meta Box Thumbnail Slider in WordPress

This Pro tutorial provides the steps to set up an image and YouTube video thumbnail slider in WordPress using Splide and Meta Box. The site…
Categories:
Tags:
Pro
Meta Box Image Advanced Field Images in Bricks Query Loop

Meta Box Image Advanced Field Images in Bricks Query Loop

Updated on 3 Feb 2025 A user asked: Do you know what the best way to query an image from metabox gallery? I would like…
Categories:
Tags:
Pro
Bricks Dynamic Condition – Check if today falls within 5 days before any holiday date

Bricks Dynamic Condition – Check if today falls within 5 days before any holiday date

Creating a custom condition that returns true or false depending on whether today falls within 5 days before any holiday dates selected on a Meta…
Categories:
Tags: