Title: SH Product Grid & List Widget Author: shawnhills Published: 17 Aprile 2026 Last modified: 1 Luglio 2026 --- Ricerca i plugin ![](https://ps.w.org/sh-product-grid-list-widget/assets/banner-772x250.png?rev=3508853) ![](https://ps.w.org/sh-product-grid-list-widget/assets/icon.svg?rev=3600978) # SH Product Grid & List Widget Di [shawnhills](https://profiles.wordpress.org/shawnhills/) [Scarica](https://downloads.wordpress.org/plugin/sh-product-grid-list-widget.1.0.1.zip) * [Dettagli](https://it.wordpress.org/plugins/sh-product-grid-list-widget/#description) * [Recensioni](https://it.wordpress.org/plugins/sh-product-grid-list-widget/#reviews) * [Installazione](https://it.wordpress.org/plugins/sh-product-grid-list-widget/#installation) * [Sviluppo](https://it.wordpress.org/plugins/sh-product-grid-list-widget/#developers) [Supporto](https://wordpress.org/support/plugin/sh-product-grid-list-widget/) ## Descrizione 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, human-readable 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. ## Screenshot [[ ## Installazione 1. Upload the `sh-product-grid-list-widget` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. No additional configuration is required by default; the widget will auto-initialize on elements with the `.shpc-skeleton-grid` class. 4. For Elementor users: Add the widget to your layout (ensure the widget has valid` data-settings` and `data-nonce` attributes for AJAX functionality). ## FAQ Q: Why is AJAX not triggering for the product widget? A: AJAX only fails if: (1) The security nonce is missing (check `data-nonce` attribute on the widget container);( 2) The site is in Elementor edit mode (AJAX is disabled for style preview only). The plugin enforces AJAX enablement by default. Q: How to fix slow list layout transitions? A: The plugin automatically shortens list layout transition duration to 100ms (vs 200ms for grid) and skips redundant spinner removal logic for non-spinner loading modes. No manual adjustments are needed. Q: How to enable pagination for the product widget? A: Set the `enable_pagination` config to `yes` (via `data-settings` attribute on the widget container). The plugin will render pagination controls (previous/next page, page numbers, total items/pages) adjacent to the loading container. Q: Does the plugin support custom product layouts? A: Yes. The plugin supports grid, masonry, and list layouts. To switch layouts, update the `layout` parameter in the widget’s `data-settings` (values: `grid`, `masonry`, `list`). Q: Is the plugin compatible with WooCommerce? A: Yes. The plugin fully supports WooCommerce product data (product name, price, category, image, short description, and add-to-cart functionality). ## Recensioni Non ci sono recensioni per questo plugin. ## Contributi e sviluppo “SH Product Grid & List Widget” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito. Collaboratori * [ shawnhills ](https://profiles.wordpress.org/shawnhills/) “SH Product Grid & List Widget” è stato tradotto in 1 lingua. Grazie a [chi traduce](https://translate.wordpress.org/projects/wp-plugins/sh-product-grid-list-widget/contributors) per il contributo. [Traduci “SH Product Grid & List Widget” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/sh-product-grid-list-widget) ### Ti interessa lo sviluppo? [Esplora il codice](https://plugins.trac.wordpress.org/browser/sh-product-grid-list-widget/) segui il [repository SVN](https://plugins.svn.wordpress.org/sh-product-grid-list-widget/), segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/sh-product-grid-list-widget/) tramite [RSS](https://plugins.trac.wordpress.org/log/sh-product-grid-list-widget/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.1 * Compatibility: Full WordPress 7.0 compatibility Fix: cache manager #### 1.0.0 * Initial release * Remove front-end skeleton loader rendering (leverage backend-generated skeletons) * Fix AJAX non-triggering issues (enforce nonce validation, auto-enable AJAX) * Resolve skeleton/product grid column misalignment on viewport resize * Add core AJAX pagination logic (page switching, pagination stats, redundant pagination cleanup) * Implement list layout styling alignment with backend skeleton * Optimize smooth transitions (differentiate grid/list durations, skip non-spinner redundant processing) * Add Elementor edit mode detection (style adaptation without AJAX disabling) * Integrate Quick View functionality for product images * Support responsive masonry layout with column balancing * Add detailed debug logging for spinner/skeleton removal and AJAX execution * Fix image stretching in list layout (use `object-fit: contain` for image rendering) * Reduce redundant DOM operations and nested timeouts for better performance ## Meta * Versione **1.0.1** * Ultimo aggiornamento **3 mesi fa** * Installazioni attive **Meno di 10** * Versione WordPress ** 6.0 o superiore ** * Testato fino alla versione **7.0.7** * Versione PHP ** 7.4 o superiore ** * Lingue * [English (US)](https://wordpress.org/plugins/sh-product-grid-list-widget/) e [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/sh-product-grid-list-widget/). * [Traduci nella tua lingua](https://translate.wordpress.org/projects/wp-plugins/sh-product-grid-list-widget) * Tag * [ajax pagination](https://it.wordpress.org/plugins/tags/ajax-pagination/)[elementor](https://it.wordpress.org/plugins/tags/elementor/) [Product Grid](https://it.wordpress.org/plugins/tags/product-grid/)[responsive](https://it.wordpress.org/plugins/tags/responsive/) [skeleton loader](https://it.wordpress.org/plugins/tags/skeleton-loader/) * [Visualizzazione avanzata](https://it.wordpress.org/plugins/sh-product-grid-list-widget/advanced/) ## Valutazioni Non sono state ancora inviate recensioni. [La tua recensione](https://wordpress.org/support/plugin/sh-product-grid-list-widget/reviews/#new-post) [Vedi tutte le recensioni](https://wordpress.org/support/plugin/sh-product-grid-list-widget/reviews/) ## Collaboratori * [ shawnhills ](https://profiles.wordpress.org/shawnhills/) ## Supporto Hai qualcosa da dire? Ti serve aiuto? [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/sh-product-grid-list-widget/)