SH Product Grid & List Widget
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.
Source Code
All original, unminified, source files are included in the plugin:
- JavaScript Source: /assets/src/
- SCSS Source: /assets/src/scss/
Minified files in /assets/build/ are generated directly from these source files.
No obfuscated or external closed-source code is used.