hallowebsite Filter Gallery

DE | EN

Builds filterable image galleries from your Media Library and shows them as masonry, a fixed grid or justified rows. Visitors filter by any media taxonomy, and you can sort images by drag & drop, override everything per shortcode and use the Kadence lightbox.

Download v1.1.7
Version
1.1.7
Updated
14. November 2026
File size
17,7 KB
Author
hallowebsite

Overview

hallowebsite Filter Gallery builds filterable image galleries straight from your Media Library. You put images together in a gallery, sort them by drag & drop, and output them as masonry, a fixed grid or justified rows. Visitors can filter by any taxonomy attached to your media (colour, style, project type …). It uses the Kadence lightbox when available and has its own lightbox as a fallback.

Features

  • Gallery post type Galleries with a drag & drop image picker.
  • Three layouts: Masonry, Fixed grid (with aspect ratio and cover/contain), Justified rows (mosaic).
  • Multi-taxonomy filter: OR within a group, AND across groups (or pure OR / pure AND).
  • Filter buttons can show a background image from term meta (JetEngine, ACF or any term meta field).
  • Captions from title, caption, description and/or alt text, shown on hover or always.
  • Global defaults on the settings page. Every value can be overridden per shortcode.
  • Choose images by ID without a gallery post, and include, exclude or preselect terms.

Requirements

  • For filters: at least one taxonomy registered for attachment (e.g. created with JetEngine, ACF or CPT UI).
  • Optional: Kadence Blocks for the native lightbox.

Quick start

  1. Go to Galleries → Add New, click Add / Choose Images and sort the images.
  2. Assign your media taxonomy terms to the images in the Media Library.
  3. Set the defaults in Settings → Hallo Filter Gallery (layout, columns, filters).
  4. Place the shortcode [hfg_gallery id="123"] on any page.

Shortcode examples

[hfg_gallery id="123"]
[hfg_gallery images="55,12,99,101"]                  (order is respected)
[hfg_gallery id="123" only_images="99,101,12"]       (subset + reorder)
[hfg_gallery id="123" add_images="55,12"]            (append images)
[hfg_gallery id="123" only_terms="farbe:rot,blau;stil:minimal"]
[hfg_gallery id="123" exclude_terms="farbe:gruen"]
[hfg_gallery id="123" preselect_terms="farbe:rot,blau"]
[hfg_gallery id="123" display_mode="justified" row_height_desktop="260"]
[hfg_gallery id="123" filter_btn_bg_enabled="1" filter_btn_bg_meta_key="image" filter_btn_bg_size="large"]

Shortcode attributes

AttributeValuesDescription
idGallery IDThe gallery post to output.
images / only_images / add_imagesAttachment IDsUse your own image list, a subset of the gallery, or append images.
only_terms / exclude_termstax:term,term;tax2:termHard include/exclude by taxonomy terms.
preselect_termssame syntaxFilter buttons that are active on page load.
display_modemasonry, fixed_grid, justifiedLayout.
gappxSpace between images (default 16).
columns_desktop/tablet/mobilenumberColumns per breakpoint (default 4/3/2).
grid_ratio, grid_ratio_custom, grid_fit1:1, 4:3, 3:2, 16:9, custom · cover/containFixed grid options.
row_height_desktop/tablet/mobile, justify_last_rowpx · left/center/justifyJustified rows options (default 220/200/160).
image_sizeWP image sizeDefault large.
filters_enabled, taxonomies1/0, taxonomy slugsShow filters and choose the taxonomy groups.
filter_modeand_groups_or_within, or_everything, and_everythingFilter logic.
reset_position, reset_endbeginning/end, 1/0Position of the reset button, optional extra reset button below the gallery.
captions_displayhover/alwaysWhen captions are visible.
filter_btn_bg_enabled, filter_btn_bg_meta_key, filter_btn_bg_size1, meta key, image sizeBackground images for filter buttons from term meta.

Notes

  • Shortcode attributes always override the global settings.
  • Images are never copied. The gallery only references Media Library items.

Changelog

Changed:
- Rebranding: neuer Name „hallowebsite Filter Gallery“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/filter-gallery/
- Keine funktionalen Änderungen.