Title: Products Skeleton Loader for WooCommerce Author: Danish Laeeq Published: 7 Januari 2022 Last modified: 20 September 2026 --- Cari plugin ![](https://ps.w.org/products-skeleton-loader-free/assets/banner-772x250.jpg?rev =3646105) ![](https://ps.w.org/products-skeleton-loader-free/assets/icon-256x256.png?rev=3646105) # Products Skeleton Loader for WooCommerce Oleh [Danish Laeeq](https://profiles.wordpress.org/teknofraction/) [Unduh](https://downloads.wordpress.org/plugin/products-skeleton-loader-free.2.1.0.zip) * [Detail](https://id.wordpress.org/plugins/products-skeleton-loader-free/#description) * [Ulasan](https://id.wordpress.org/plugins/products-skeleton-loader-free/#reviews) * [Instalasi](https://id.wordpress.org/plugins/products-skeleton-loader-free/#installation) * [Pengembangan](https://id.wordpress.org/plugins/products-skeleton-loader-free/#developers) [Bantuan](https://wordpress.org/support/plugin/products-skeleton-loader-free/) ## Deskripsi 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. ## Tangkapan Layar [[ [[ [[ [[ [[ [[ ## Instalasi 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. ## Ulasan ![](https://secure.gravatar.com/avatar/447a7fa300810410081eeda41b8cb82dee6e7a548e9a16c68a70095edd9d3a99? s=60&d=retro&r=g) ### 󠀁[Best Plugin to level up WooCommerce](https://wordpress.org/support/topic/best-plugin-to-level-up-woocommerce/)󠁿 [Kamran A.](https://profiles.wordpress.org/kamiraj/) 24 Agustus 2022 Highly recommended, I have purchased premium version and is worth it, It display a beautiful loading effect before my products load completed Thanks [ Baca semua 1 ulasan ](https://wordpress.org/support/plugin/products-skeleton-loader-free/reviews/) ## Kontributor & Pengembang “Products Skeleton Loader for WooCommerce” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini. Kontributor * [ Danish Laeeq ](https://profiles.wordpress.org/teknofraction/) “Products Skeleton Loader for WooCommerce” telah diterjemahkan dalam 2 bahasa. Terima kasih kepada [para penerjemah](https://translate.wordpress.org/projects/wp-plugins/products-skeleton-loader-free/contributors) untuk kontribusi-nya. [Terjemahkan “Products Skeleton Loader for WooCommerce” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/products-skeleton-loader-free) ### Tertarik mengembangkan? [Lihat kode](https://plugins.trac.wordpress.org/browser/products-skeleton-loader-free/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/products-skeleton-loader-free/), atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/products-skeleton-loader-free/) melalui [RSS](https://plugins.trac.wordpress.org/log/products-skeleton-loader-free/?limit=100&mode=stop_on_copy&format=rss). ## Log Perubahan #### 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. ## Meta * Versi **2.1.0** * Diperbarui **3 minggu yang lalu** * Instalasi Aktif **30+** * Versi WordPress ** 6.9 atau yang terbaru ** * Diuji hingga **6.9.10** * Versi PHP ** 7.4 atau yang terbaru ** * Bahasa * [English (US)](https://wordpress.org/plugins/products-skeleton-loader-free/), [Spanish (Chile)](https://cl.wordpress.org/plugins/products-skeleton-loader-free/), dan [Spanish (Spain)](https://es.wordpress.org/plugins/products-skeleton-loader-free/). * [Terjemahkan dalam bahasa Anda](https://translate.wordpress.org/projects/wp-plugins/products-skeleton-loader-free) * Tag * [loading](https://id.wordpress.org/plugins/tags/loading/)[Product Grid](https://id.wordpress.org/plugins/tags/product-grid/) [skeleton](https://id.wordpress.org/plugins/tags/skeleton/)[woocommerce](https://id.wordpress.org/plugins/tags/woocommerce/) * [Tampilan lanjut](https://id.wordpress.org/plugins/products-skeleton-loader-free/advanced/) ## Rating 5 dari 5 bintang. * [ 1 ulasan 5-bintang ](https://wordpress.org/support/plugin/products-skeleton-loader-free/reviews/?filter=5) * [ 0 ulasan 4-bintang ](https://wordpress.org/support/plugin/products-skeleton-loader-free/reviews/?filter=4) * [ 0 ulasan 3-bintang ](https://wordpress.org/support/plugin/products-skeleton-loader-free/reviews/?filter=3) * [ 0 ulasan 2-bintang ](https://wordpress.org/support/plugin/products-skeleton-loader-free/reviews/?filter=2) * [ 0 ulasan 1-bintang ](https://wordpress.org/support/plugin/products-skeleton-loader-free/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/products-skeleton-loader-free/reviews/#new-post) [Lihat semua ulasan](https://wordpress.org/support/plugin/products-skeleton-loader-free/reviews/) ## Kontributor * [ Danish Laeeq ](https://profiles.wordpress.org/teknofraction/) ## Bantuan Ada yang ingin dikatakan? Butuh bantuan? [Lihat forum bantuan](https://wordpress.org/support/plugin/products-skeleton-loader-free/)