Products Skeleton Loader for WooCommerce

外掛說明

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.

螢幕擷圖

安裝方式

  1. Install and activate WooCommerce.
  2. Upload the plugin ZIP from Plugins > Add New > Upload Plugin.
  3. Activate Products Skeleton Loader for WooCommerce.
  4. Open WooCommerce > Skeleton Loader.
  5. Configure shimmer appearance and optionally enable Skeleton Branding and choose an image from the Media Library.

使用者評論

閱讀全部 1 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈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.