January 20, 2023

Filterable Happyfiles Gallery in Bricks Builder using WP Grid Builder

A simple but effective way to create a filterable gallery using Happyfiles folder structure,

I struggled to find the perfect ‘client friendly’ solution to create an easy to maintain way of creating a filterable gallery using Happyfiles folders.

I use Happyfiles pro on all sites since its launch. I honestly don’t know how I managed media libraries before. Clients love it too as it lets them tame the media files beast!

This solution uses WP Gridbuilder pro (not sure if the free version allows for this as I only use the pro version) to do the filtering.

1. Start by setting up your Happyfiles folder structure and adding your media.

2. Then create your face in WP GridBuilder pro

3. Edit the page where you want the filterable gallery to show. In a container add a block and an image. Style the container to control the gallery – I use Automatic CSS so I added the following classes to lay it our responsively:

4. Add a query loop to the block, setting the following query: > media > images then specify the parent folder in the ‘child of’ field.

You then need to specify the Taxonomy as ‘Folder (Attachment)’ and specify the parent folder name under Terms, include children (otherwise it will only output images in the parent folder)

That’s it. Simple when you know how but it’s a great way for clients to easily maintain filterable gallery content.

Leave the first comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Amanda Lucas

Amanda Lucas runs a web design agency in Ireland called Itchy Fingers Design. She enjoys creating websites that help support business goals and growth and sharing her knowledge.