AWPLife Portfolio Filter Gallery
Portfolio Filter Gallery is a WordPress plugin built to help you organize and display your creative work. It provides a structured way to present images and videos, allowing visitors to filter content by category.
Demo Links
Support Links
What This Plugin Does
The core function of Portfolio Filter Gallery is to let you build galleries where users can click filter buttons to view specific categories of work. Instead of scrolling through an entire page of images, a visitor can select ”Web Design” or ”Photography” and see only those items.
The plugin includes a dedicated page for managing filter categories. You create your filters once, then assign them to individual images or videos as you build your gallery. This separation keeps your workflow clean and organized.
Use Cases
This plugin suits a range of users and projects:
- Photographers displaying work by genre (portraits, landscapes, events)
- Web designers showcasing projects by type (e-commerce, corporate, landing pages)
- Agencies presenting client work across different industries
- Architects organizing projects by category (residential, commercial, renovations)
- Artists grouping pieces by medium or theme
- Freelancers building a professional online presence
Free Features
Gallery Filtering
- Manage filters through a separate category interface
- Assign multiple filters to each gallery item
- CSS3 animations for smooth filter transitions
Layout Options
- Masonry layout that adapts to varying image dimensions
- Grid layout for uniform presentation
- Column options: 2, 3, or 4 columns
- Configurable spacing between items
Lightbox
- Bootstrap-based responsive lightbox
- Navigation arrows for browsing images
- Title display within the lightbox
- Touch support for mobile devices
Video Support
- Embed YouTube videos
- Embed Vimeo videos
- Videos play directly in the lightbox
Customization
- Show or hide image titles
- Optional image numbering
- Grayscale effect on hover
- Customizable filter button colors
- Border width and color settings
Premium Features
The premium version extends the plugin with additional capabilities:
Hover Effects
- Over 30 animation styles including overlays, zooms, and slide-in effects
- See Hover Effects Demo
Additional Lightboxes
- LD Lightbox
- Swipebox with touch gestures
- PopTrox with video support
- Viewer Lightbox
- BlueImp Gallery
Advanced Features
- Ajax Load More for paginated loading
- URL-based filtering (load a page with a specific filter pre-selected)
- Default filter selection on page load
- Ascending/descending sort controls
- Shuffle button for randomized display
- Search functionality within galleries
- Watermark overlay support
- Custom CSS input
Extended Customization
- Unlimited filter color schemes
- Custom thumbnail dimensions
- Responsive column control per device type (desktop, tablet, mobile)
- Dropdown-style filter menu
How to Use Portfolio Filter Gallery
- Navigate to Portfolio Gallery > Filters in your WordPress dashboard
- Create the filter categories you need
- Go to Portfolio Gallery > Add New to create a gallery
- Upload images, add video URLs, and assign filters to each item
- Adjust settings for layout, lightbox style, and appearance
- Copy the generated shortcode and paste it into any page or post
The shortcode follows this format: [Portfolio_Gallery id=”123″]
Replace ”123” with your gallery’s ID.
Masonry Layout
The masonry layout arranges images in a Pinterest-style grid. Images of different sizes fit together naturally without requiring uniform dimensions. This layout includes:
- Automatic adjustment to image proportions
- CSS3 animation effects
- Full compatibility with filtering and sorting
Linking Portfolio Items
You can attach custom URLs to individual gallery items. This allows you to:
- Link images to project detail pages
- Direct users to external client websites
- Open links in the same tab or a new tab
Page Builder Compatibility
Portfolio Filter Gallery works with standard WordPress editing tools and popular page builders:
- Gutenberg block editor
- Elementor
- WPBakery Page Builder
- Divi Builder
- Beaver Builder
Simply paste the shortcode into any text block or widget.
Support
For questions or troubleshooting, visit the Support Forum. The development team typically responds within the same day.
Shortcode Usage
Copy the shortcode from your gallery and paste it into any page, post, or widget: [Portfolio_Gallery id=”123″] Replace ”123” with your actual gallery ID.
Browser Compatibility
Portfolio Filter Gallery works on all modern browsers: * Google Chrome * Mozilla Firefox * Apple Safari * Microsoft Edge * Opera * iOS Safari & Android browsers
Security & Privacy
- GDPR Compliant
- No external requests
- No data collection
- Secure code following WordPress standards
- Regular security updates