Description
Version 2.1 keeps the safe WooCommerce architecture introduced in 2.0 and adds geometry-aware storefront skeletons. Instead of painting generic placeholders at fixed offsets, the runtime measures the active theme’s actual product image, title, rating, price, and Add to Cart button. This keeps skeleton text and button alignment consistent with left-, center-, and right-aligned product cards.
Highlights:
* Classic WooCommerce shop/category/tag/shortcode product loops.
* WooCommerce Product Collection block support.
* Compatibility with legacy WooCommerce product-grid block markup still present on existing sites.
* Dynamic re-render support for filters, pagination, infinite scroll, and theme AJAX.
* Geometry-aware placeholders for product image, title, rating, price, and Add to Cart button.
* Responsive realignment with ResizeObserver while the skeleton is active.
* Single-product gallery/summary skeletons.
* Image branding from the WordPress Media Library, with logo width and opacity controls.
* Automatic migration from legacy pslfree_image / pslfree_image_switch branding options when available.
* Image-aware reveal with minimum display and maximum wait safeguards.
* No-javascript fail-safe.
* Respects prefers-reduced-motion.
* Live appearance and branding preview with sanitized settings.
* Custom product-card selectors for third-party themes/builders.
* Developer filters: pslfree_should_load, pslfree_settings, pslfree_card_selectors.
Screenshots
Installation
- Install and activate WooCommerce.
- Upload the plugin ZIP from Plugins > Add New > Upload Plugin.
- Activate Products Skeleton Loader for WooCommerce.
- Open WooCommerce > Skeleton Loader.
- Configure shimmer appearance and optionally enable Skeleton Branding and choose an image from the Media Library.
Reviews
Contributors and Developers
“Products Skeleton Loader for WooCommerce” is open source software. The following people have contributed to this plugin.
Contributors
“Products Skeleton Loader for WooCommerce” has been translated into 2 locales. Thank you to the translators for their contributions.
Translate “Products Skeleton Loader for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Change Log
2.1.0
- Restored image branding with WordPress Media Library selection.
- Added branding width, opacity, live preview, and legacy branding migration.
- Replaced fixed-offset product-card placeholders with geometry-aware skeleton shapes.
- Fixed text, price, rating, and Add to Cart placeholder alignment.
- Added responsive skeleton geometry recalculation.
- Improved single-product skeleton geometry.
2.0.0
- Rebuilt frontend integration without overriding WooCommerce thumbnail/template functions.
- Added WooCommerce Product Collection block event support.
- Added MutationObserver support for AJAX and page-builder product grids.
- Added image-aware reveal, fail-safe timeout, pageshow handling, and accessibility busy states.
- Added single-product gallery/summary shimmer.
- Added reduced-motion support.
- Rebuilt settings with Settings API sanitation and scoped admin assets.
- Added live preview and custom compatibility selectors.
- Added WooCommerce dependency and compatibility metadata.
- Migrates the original v1 enable switch.