Portfolio Filter Gallery – Photo Gallery

Core Features (Free Version)

Filterable Gallery

• Create filter categories through a dedicated management page
• Assign one or more filters to each image or video
• Smooth CSS3 filter transitions with no page reloads
• “All” button to reset and show every item

Gallery Layouts

• Masonry layout that arranges images in a Pinterest-style grid based on their natural dimensions
• Standard grid layout for a clean, uniform look
• Choose between 2, 3, or 4 columns
• Adjustable spacing between gallery items

Video Support

• Embed YouTube videos
• Embed Vimeo videos
• Watch videos in Lightbox

Customization

• Show or hide image titles on hover or below the image
• Image numbering badges to display item order
• Grayscale hover effect for a polished visual style
• Custom filter button colors for background, text, and active states
• Configurable image border width and color

Page Builder Integration

• Native Gutenberg block with live server-side preview
• Native Elementor widget with real-time rendering in the builder
• Shortcode support for WPBakery, Divi, Beaver Builder, and any theme
• Works in widgets and custom HTML blocks

Gallery Management

• Drag-and-drop image reordering
• Bulk image selection with Shift+Click
• Individual image editor for titles, descriptions, links, and filters
• Optimized saving for galleries with hundreds of images

Premium Features

The premium version adds advanced gallery tools for professional use:

Advanced Features

• URL-based filtering to link directly to a specific category view
• Set a default filter so the gallery opens with a pre-selected category
• Multi-select filtering with AND/OR logic for complex category combinations
• Hierarchical parent-child filter structures
• Dropdown-style filter menus as an alternative to buttons
• Live search bar within galleries

Layout and Design

• Six filter button styles: Buttons, Pills, Minimal, Outline, Underline, and Flat
• Multiple hover effects including Zoom, Fade, Slide Up, and Blur
• Sidebar layout with filters displayed in a vertical panel
• Responsive column control with separate settings for desktop, tablet, and mobile
• Custom thumbnail dimensions
• Unlimited color schemes for filter buttons
• Card layout with title below the image

Content Features

• Ascending and descending sort controls
• Shuffle button for randomized display order
• Image watermark overlay for copyright protection
• Pagination and load more for large galleries
• Lightbox with navigation, captions, and deep linking

How to Set Up Your Gallery

1. 01Go to Portfolio Gallery in your WordPress admin menu and click Filters
2. 02Add the filter categories you need, such as “Web Design”, “Photography”, or “Branding”
3. 03Click Add New under Portfolio Gallery to create a new gallery
4. 04Upload your images, enter titles and descriptions, and assign filters to each item
5. 05Configure your layout, column count, hover effects, and colors in the gallery settings
6. 06Publish the gallery and add it to any page using the Gutenberg block, Elementor widget, or shortcode

The shortcode format is: [Portfolio_Gallery id=”123″]

Replace 123 with the ID shown in your gallery editor.

Browser Support

Portfolio Filter Gallery is tested and works on all modern browsers: * Google Chrome * Mozilla Firefox * Apple Safari * Microsoft Edge * Opera * Mobile Safari on iOS * Chrome and other browsers on Android

Privacy and Security

• Fully GDPR compliant with no data collection or external requests
• All assets are served locally from your WordPress installation
• Code follows WordPress coding standards with proper sanitization and escaping
• Regular security updates and compatibility testing with new WordPress releases

Getting Help

• WordPress Support Forum
• Video Tutorials on YouTube

Third-Party Libraries

This plugin uses standard WordPress libraries. No external third-party libraries are bundled.