內容簡介
Products Skeleton Loader for WooCommerce 外掛提供了一個優化的產品載入體驗，透過幾何感知的佈局，確保產品圖片、標題、評分、價格及加入購物車按鈕的對齊方式一致，提升使用者在 WooCommerce 商店的瀏覽流暢度。
【主要功能】
• 支援經典 WooCommerce 產品迴圈
• 支援 WooCommerce 產品集合區塊
• 動態重繪支援過濾器與分頁
• 幾何感知的佈局佔位符
• 響應式重新對齊功能
• 自訂產品卡片選擇器
外掛標籤
開發者團隊
② 後台搜尋「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.
