Short Description: High-performance product grid & list widget with AJAX pagination, backend skeleton loading, and full Elementor integration.

Uplink7

Uplink7 Skeleton Loader

Professional shimmer skeleton screens for your WordPress site. Improve perceived performance and keep users engaged while your content loads.

shawnhills

SH Product Grid & List Widget is a lightweight, performance-optimized WordPress plugin designed to display WooCommerce products in grid, masonry, or list layouts with seamless backend-driven skeleton loading (no front-end skeleton rendering bloat).
Key Features: 
* Backend Skeleton & Spinner Support: Eliminates front-end skeleton rendering overhead by leveraging backend-generated skeletons; fully compatible with spinner loading animation. 
* Optimized AJAX Handling: Fixes common AJAX non-triggering issues (e.g., missing nonce validation, disabled AJAX config) and enforces AJAX execution for non-Elementor edit modes. 
* Smooth Transitions: Differentiated transition durations for grid (200ms) and list (100ms) layouts to prevent list layout transition lag; skips redundant spinner removal logic for non-spinner loading modes. 
* AJAX Pagination: Core pagination logic with page switching, total items/pages display, and seamless product re-rendering without page reloads. 
* Layout Alignment: Ensures list layout styling matches backend skeleton styles (left image + right content, compact content layout, button alignment to bottom). 
* Elementor Compatibility: Detects Elementor edit mode for style adaptation (no AJAX disabling, only visual layout adjustment). 
* Responsive Fixes: Resolves skeleton/ product grid column misalignment on viewport resize; enforces single column for list layout across all devices. 
* Quick View Integration: Seamless Quick View modal trigger for product images (with lazy loading support). 
* Masonry Layout: Supports responsive masonry product layout with equal height column balancing.
<h3>Source Code</h3>
All original, unminified, source files are included in the plugin:
<ul>
<li>JavaScript Source: /assets/src/</li>
<li>SCSS Source: /assets/src/scss/</li>
</ul>
Minified files in <code>/assets/build/</code> are generated directly from these source files. 
No obfuscated or external closed-source code is used.

Alternatives to SH Product Grid & List Widget

Top alternatives