Component library

services · photo

Services — photo grid

Services card grid where each card LEADS WITH THE SERVICE FEATURED IMAGE instead of an icon. Pick for image-led services on photo-forward skins (warm / premium / eco).

Engine 2.1.13stableservices_photo

Approved visual evidence

No approved hosted capture is attached yet.

This intentionally does not reuse an old catalog screenshot. Start catalog.local, sync it to the source commit, capture all seven skins at 390px and 1440px, then approve the revision in Studio.

./suds catalog capture --changed

Rendering contract

Canonical source

Template part
template-parts/sections/section-services-photo.php
Page types
home, services
Dependencies
None
Fallback
Supported
Introduced
b839b57
Last changed
b839b57

Operator guidance

Claims and controls

Generic claim-safe fallback cards; always renders. A service with no featured image (and every fallback card) shows the claim-safe striped "add a photo" placeholder — NEVER a fabricated photo — so it looks complete during a build and swaps to real photos as service featured images are set.

Optional inputs: service posts, service featured images.

3 control groups are declared in the Engine manifest.

Open local WordPress workbenchOpen canonical source

Supported skins

ExpressWarmValueCommercialPremiumEcoBasecamp

Effects support

Motion and ambient layers

Hero depth: none, bubbles, glow, bubbles_glow

Ambient: none, glow

Accessibility policy

Reduced motion is authoritative

Decorative animation is disabled for reduced-motion visitors; location video also respects Save-Data. Visual approvals include a reduced-motion smoke.