Войти
  • 3027Просмотров
  • 9 месяцев назадОпубликованоWebfar

Bricks Builder + Happy Files: Create a Dynamic Gallery with Nested Query Loops

Learn how to create a fully dynamic portfolio gallery in Bricks Builder using the Happy Files plugin. In this tutorial, I’ll show you how to automatically generate a gallery based on folders in the WordPress media library. No manual updates—just drop images into the right folders, and Bricks takes care of the rest. You'll see how to use Bricks Builder’s query loop and set up a nested loop to dynamically display images from Happy Files media folders. The final result is a tabbed portfolio where each tab corresponds to a folder, plus a "View All" option and a lightbox for easy navigation. This method makes it incredibly simple for clients to update their portfolios—just upload images to the right folders, and the site updates automatically. Big thanks to Jenn from Bricks Support for the help. Once I saw how this worked, I knew I had to share it. Let me know what you think! #BricksBuilder #WordPress #HappyFiles #DynamicGallery #BricksQueryLoop Timestamps: 00:00 - Introduction 00:49 - Overview of the project 06:04 - Creating the nestable tabs 07:31 - Querying the folders 12:35 - Querying the images 16:35 - Creating the image masonry grid 17:17 - Making the tabs pretty 20:22 - Ordering the tabs 23:04 - Adding a lightbox gallery 26:40 - Deeplinking to the tabs 30:09 - Adding the All-tab 34:01 - Auf wiedersehen