Repository navigation
v1.0.0 - Rollpix_SkeletonPreloader
Rollpix_SkeletonPreloader v1.0.0
Initial release of the Skeleton Preloader module for Magento 2.
Features
- 4 animation effects: Shimmer, Pulse, Wave, Static
- 6 built-in presets: Mageplaza Banner, Product Images (Listing), Product Image (PDP), Category Image, CMS Block Images, Page Builder Images
- Custom selectors via JSON configuration in admin
- CSS-first approach: Critical CSS injected inline in
<head>for instant CLS prevention - Smart detection: MutationObserver for JS-initialized sliders, img.onload for standard images, hybrid fallback
- Per-page filtering: Configure which page types display skeletons (Home, Category, Product, CMS)
- Safety timeout: Configurable fallback to auto-remove skeletons
- Configurable fade-out animation duration
Requirements
- Magento 2.4.7 ~ 2.4.8
- PHP 8.1 ~ 8.3
Installation
composer config repositories.rollpix-skeleton vcs https://github.com/ROLLPIX/M2-images-skeleton.git
composer require rollpix/module-skeleton-preloader:^1.0
bin/magento module:enable Rollpix_SkeletonPreloader
bin/magento setup:upgrade
bin/magento cache:flushAdmin Configuration
Stores > Configuration > Rollpix > Skeleton Preloader