Описание
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.
Скриншоты
Установка
- 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.
Отзывы
Участники и разработчики
«Products Skeleton Loader for WooCommerce» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
«Products Skeleton Loader for WooCommerce» переведён на 2 языка. Благодарим переводчиков за их работу.
Перевести «Products Skeleton Loader for WooCommerce» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
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.