PWD
Masonry Gallery
Get the Plugin →
WordPress Plugin · v6.3.9

The Masonry Gallery
built for WordPress pros

Display WooCommerce products, portfolio images, blog posts, or any custom post type in stunning, fully responsive layouts — masonry, chess, or grid — powered by Elementor with pixel-perfect styling control.

Get PWD Masonry Gallery → View Documentation
4
Content Types
16
Hover Effects
4
Breakpoints
Galleries per Page
6.0+
WordPress

One plugin, four display modes

Switch between content types inside the Elementor widget — no separate plugins needed.

🛒
WooCommerce Products

Display your shop products in a masonry grid with hover image swap, category filters, vendor info, and Add to Cart.

  • Secondary product image on hover (smooth fade)
  • AJAX category filtering
  • Price and Add to Cart button
  • WCFM vendor store name & logo
  • Lazy loading support
  • Full Elementor styling control
🖼
Portfolio Gallery

Showcase media library images with GLightbox, 8 animated hover effects, and JSON-based tag categories.

  • Layout Mode: Grid or Masonry (natural image heights)
  • 8 hover effects (Zoom, Tilt 3D, Grayscale, and more)
  • GLightbox (independent of Elementor JS)
  • Client-side JSON tag filtering
  • Image IDs shown under thumbnails in Elementor
  • Custom links per image
  • Title and caption display
  • Image padding & border-radius control
  • Touch-friendly swipe in lightbox
📝
Blog Posts

Display WordPress posts with featured images, excerpts, author/date meta, and AJAX category filtering.

  • Layout Mode: Grid or Chess (alternating image/text rows)
  • Featured image with hover effects
  • Post title, excerpt, date, author
  • Custom excerpt length
  • Read More button (fully styled)
  • AJAX category filtering
  • Image padding & border-radius control
  • Independent from WooCommerce
⚙️
Custom Post Type

Display any registered CPT — Events, Projects, Services, Team Members — with taxonomy filtering and 5 hover effects.

  • Post Type dropdown — all registered CPTs auto-populated
  • Taxonomy dropdown — all registered taxonomies auto-populated
  • AJAX taxonomy term filtering
  • Toggle: image, title, excerpt, date, button
  • Custom excerpt length & button text
  • 5 hover effects including Info Overlay (title + category)
  • Configurable overlay colours & typography
  • All settings persist through AJAX filtering

Everything you need to build beautiful galleries

Deep Elementor integration, smart filtering, and professional-grade styling controls out of the box.

Deep Elementor Integration

The PWD Masonry Gallery widget lives inside the Elementor panel. Every setting has a live preview — no page refreshes required. Conditional controls ensure only relevant options are displayed for the selected content type, keeping your workspace clean and focused.

🔄
AJAX & Client-Side Filtering

WooCommerce and Blog galleries use server-side AJAX filtering. Portfolio uses instant client-side tag filtering — no loading spinner, no page reload.

Unlimited Instances

Place as many galleries as you need on a single page. Each widget receives a unique ID and operates with fully independent settings and filtering.

💡
GLightbox Portfolio Lightbox

Independent from Elementor JavaScript. Works with all caching plugins (WP Rocket, Seraphinite, LiteSpeed Cache). Touch swipe gestures on mobile.

  • Shows image title and caption
  • Zero Elementor JS dependency
  • Universal caching compatibility
🎨
Pixel-Perfect Styling

Comprehensive styling sections in Elementor cover every element: image size, image padding & border-radius, box style, title typography, product badges, filter buttons, vendor container, price, excerpt, meta, and buttons.

  • Responsive sizing controls per breakpoint
  • Smart visibility — only relevant tabs appear
  • Normal and hover states for all interactive elements
🛒
WooCommerce Image Hover Swap

When a product has gallery images, the second image fades in smoothly on hover. Smart detection means products with a single image are never affected.

🗂️
Flexible Layout Modes per Content Type

Each content type offers its own layout toggle — no one-size-fits-all grid forced on everything. Portfolio supports Grid and Masonry (natural image heights via CSS column-count, responsive at every breakpoint). Blog Posts support Grid and Chess (full-width alternating image/text rows — image left, text right, then flipped — with automatic single-column stacking on mobile). Column controls are intelligently hidden when a non-grid layout is active.

🏷️
WooCommerce Product Badges

Highlight products with automatic badges — Sale, Out of Stock, New (configurable days), and Hot (featured). Custom labels, background colors, and full typography control per badge in Elementor.

Built-in vendor store display

Version 6.0+ includes native WCFM Marketplace integration — show vendor store names and logos directly on product cards.

Display vendor identity on every product

Perfect for multi-vendor marketplaces. The vendor section is fully configurable — position it above the title, below the title, or below the price. Link the name and logo to the vendor's store page.

🏪
Store Name & Logo

Display vendor store name, logo, or both. Clean fallback when no logo is set.

📍
Flexible Positioning

Place vendor info above title, below title, or below price — your choice.

🔗
Clickable Links

Optionally link vendor name and/or logo to the vendor's storefront page.

🔄
AJAX Compatible

Vendor data persists correctly through all AJAX category filter changes.

🎨
Full Styling Control

Container, name typography, logo sizing, border, border-radius, shadow — all in Elementor.

🧴
Vendor Store
Premium Skincare Serum
R 249.00
Add to Cart

WooCommerce product card with WCFM vendor display

16 animated hover effects across all content types

Each content type has its own set of purpose-built hover effects. All are automatically disabled on touch devices for a clean mobile experience.

🔍
Zoom In
Portfolio · Blog · CPT
🔎
Zoom Out
Portfolio
🌑
Fade Overlay
Portfolio
Slide Up Overlay
Portfolio
🎨
Grayscale to Color
Portfolio · Blog · CPT
💫
Blur to Sharp
Portfolio
🌀
Tilt 3D
Portfolio
👁
Opacity
Blog
🏷️
Info Overlay
CPT — title + category
Shine / Glint
CPT
🃏
Card Lift
CPT — no image needed

Independent columns for every screen size

Configure column counts independently per breakpoint. The masonry grid recalculates automatically as the viewport changes.

🖥
Desktop
≥ 1200px
4 default cols
💻
Notebook
992 – 1199px
3 default cols
📱
Tablet
768 – 991px
2 default cols
📲
Phone
< 768px
1 default col

Column counts are configurable in the Elementor widget — from 1 to 6 columns per breakpoint. Column and row gaps are also independently adjustable. Column controls are automatically hidden when Portfolio Masonry or Blog Chess layout is selected.

Minimal dependencies, maximum compatibility

Works with any WordPress theme and is designed to integrate cleanly with the tools you already use.

🔧
WordPress
6.0+ (tested to 6.9.4)
🐘
PHP
7.4+ (8.0+ recommended)
Elementor
Recommended (any version)
🛒
WooCommerce
Optional (product galleries only)
🏪
WCFM Marketplace
Optional (vendor display only)
📄
License
GPLv2 or later

Ready to transform your WordPress galleries?

PWD Masonry Gallery is developed and supported by Pro Web Design.
Clean code, full documentation, and ongoing updates included.

Get PWD Masonry Gallery → Read Documentation

Developed by Pro Web Design · GPL v2 Licensed · Includes full documentation