Image loading
Controls the placeholder animation shown while images load across your store.
Where to find it
- In your Shopify admin, go to Online Store → Themes → Customize
- Click the Theme settings (gear icon) in the left panel
- Click Image loading
Settings
Animation
| Setting | Type | Description | Default | Options |
|---|---|---|---|---|
| `image_loader_enable` | Checkbox | Enable image loading animation | On | On / Off |
| `image_loader_animation` | Select | Animation type | Shimmer | Shimmer, Pulse, Gradient wave, Elegant blur, Diamond shimmer, Layered fade, Spotlight, Silk flow, Scale breathe, Venetian reveal |
Enable image loading animation turns the placeholder effect on or off. When enabled, a visual animation plays in the space where an image will appear while it finishes loading. When disabled, the image space remains blank until the image is ready.
Animation type determines the style of the loading placeholder. Each option produces a different motion effect that fills the image area until the actual image appears.
Light mode
| Setting | Type | Description | Default |
|---|---|---|---|
| `image_loader_light_color` | Color | Animation color (light) | #e0e0e0 |
| `image_loader_light_background` | Color | Background (light) | #f0f0f0 |
Animation color (light) sets the color of the moving element in the loading animation when your store is in light mode.
Background (light) sets the base color behind the animation when your store is in light mode.
Dark mode
| Setting | Type | Description | Default |
|---|---|---|---|
| `image_loader_dark_color` | Color | Animation color (dark) | #3a3a3a |
| `image_loader_dark_background` | Color | Background (dark) | #2a2a2a |
Animation color (dark) sets the color of the moving element in the loading animation when your store is in dark mode.
Background (dark) sets the base color behind the animation when your store is in dark mode.