Suds System Studio

Engine 2.1.13

Component library

Canonical WordPress-rendered sections, variants, controls, dependencies, and source paths. Hosted visuals appear only after an approved catalog capture.

62 of 62 sections · approved revision

stableprose

About / Story

About intro as plain prose. Pick when there is editor copy or you want a simple, text-led lead with no image.

story · about, home
stablesplit

About / Story — split

About intro copy beside a photo. Pick for an image-led, warmer lead when a storefront/interior photo exists.

story · about, home
stablevalues

About / Story — values

Generic, claim-safe value cards (clean / easy / helpful). Pick when there is no copy or photo and you want a structured, confident block (commercial / premium).

story · about, home
stablegrid

Amenities

Amenities grid from the primary location. Pick to showcase confirmed amenities plainly.

amenities · about, home, location
stablechips

Amenities — chips

Compact chip row of amenities. Pick for a light amenities touch (express / value).

amenities · about, home, location
stablefeature

Amenities — feature

A few large amenity feature cards. Pick to spotlight 2–4 standout amenities (warm / premium / eco).

amenities · about, home, location
stablecard

Commercial / B2B

B2B card. Pick to surface commercial accounts when a commercial service exists.

commercial · home, services, commercial
stablesplit

Commercial / B2B — split

Commercial benefits + photo from the commercial service. Pick for a richer B2B showcase.

commercial · home, services, commercial
stableform

Contact — form + info

Contact block: an inquiry FORM beside a phone/email/address/directions card. Leads the contact page; also fits about/location. The bundled "Contact Us" WPForms form auto-imports so a fresh build works out of the box.

contact · contact, about, location
stableband

CTA — band

Full-width final CTA band. The default page closer; always safe.

cta · services, pricing, about, contact, location
stableboxed

CTA — boxed

Centered boxed CTA card. Pick for a softer, contained closer (warm / premium / eco).

cta · home, services, pricing, about, contact, faq
stablesplit

CTA — split

Two-column CTA: copy + an action card (CTA link + call/text). Pick when you want a contact-action card alongside the CTA.

cta · home, services, pricing, about, contact
stableaccordion

FAQ

FAQ accordion from the faq CPT. Pick for collapsible Q&A.

faq · faq, contact, about, home
stabletwocol

FAQ — two columns

Open two-column Q&A. Pick when you want all answers visible (dense / value / commercial).

faq · faq, contact, about, home
stablegrid

Gallery — grid

Standalone photo grid from the shared interior gallery (first photo leads larger). Pick on About/Location for PHOTO-RICH clients.

gallery · about, location
stablestrip

Gallery — strip

The photo gallery as a slim scroll-snap filmstrip — the compact variant for dense/technical skins. Pick on About/Location where the full grid is too heavy.

gallery · about, location
stablecard

Hours

Per-day hours card for a SINGLE-LOCATION shop. Pick on contact/about/location when per-day hours exist.

hours · contact, about, location
stablesummary_strip

Hours — summary strip

One-line hours strip. Pick for a compact hours mention when only a summary line is set.

hours · contact, about, home, location
stablecardbalance

Laundry card — balance check (home)

Stored-value laundry-card balance check (Laundroworks/FasCard portal link) as a compact home utility band. Pick when the client uses a card system with a customer portal.

payment · home
stablegallery

Location page — gallery

The single-location photo gallery (location_gallery field, Fancybox lightbox) read from the CURRENT location post. Self-gates when the location has no gallery.

location-single · location
stableinfo

Location page — info card

The single-location NAP block (address, phone, hours, map embed, amenities) read from the CURRENT location post. Part of every location single by default.

location-single · location
stablearchive

Locations — archive grid

The /locations/ CPT-archive branch grid, riding the MAIN archive query. The default grid slot on the locations archive — compose locations_grid/photo/map to swap it (multi-location clients).

locations · locations
stablegrid

Locations — grid

One card per published Location (name, address, phone, directions, page link; primary badged). Pick on Contact/About/Location pages for MULTI-location clients.

locations · contact, about, location
stablemap

Locations — map

Compact branch list beside the primary map embed — the map-led locations variant. Pick on Contact/About/Location for MULTI-location clients on map-forward skins.

locations · contact, about, location
stablephoto

Locations — photo grid

Same as locations_grid but each branch card LEADS WITH THE LOCATION FEATURED IMAGE. Pick for image-led multi-location on photo-forward skins.

locations · contact, about, location
stablefull

Map

Full-width Google map embed. Pick on contact/location when an embed is set.

map · contact, about, location
stablesplit

Map — split (map + NAP/hours)

Map beside the location name/address/phone + hours. Pick when you want the map plus confirmed contact details.

map · contact, about, location
stableband

Newsletter — signup band

Email-capture band ahead of the footer. Pick when the client has a real list destination (WPForms form or an external signup URL).

newsletter · home, about, services, pricing, faq, contact
stableheader

Page header

The sub-page opener: per-PAGE eyebrow / title override / lead + a background style (none · surface · ink · gradient · image-with-scrim). Fields live on each page/post edit screen.

hero · about, services, pricing, contact, faq
stableform

Pickup & delivery — form

ZIP lead-in + real scheduling link. Pick as an app-style lead capture when pickup is offered (express).

pickup-delivery · home, services
stablepromo

Pickup & delivery — promo

Punchy pickup promo card + CTA. Pick as a compact pickup highlight.

pickup-delivery · home, services, pricing
stablesteps

Pickup & delivery — steps

Pickup flow steps + scheduling CTA. Pick to explain the pickup process.

pickup-delivery · home, services
stablecards

Pricing — plan cards

Marketing plan cards per priced service (lowest public price + up to 3 benefits). Pick for a sales-oriented pricing presentation.

pricing · pricing, services
stabletable

Pricing — table

Per-service rate table. Pick on Pricing when services carry public pricing rows.

pricing · pricing
stablepayment_callout

Pricing & payment

Pricing fallback callout ("call for pricing"). Pick on Pricing when no service has public pricing rows.

pricing · pricing
stablecards

Reviews — cards

Real reviews as cards. Pick when the suds_reviews repeater has entries.

reviews · home, about
stableembed

Reviews — embed

Admin-entered third-party reviews widget. Pick only when a reviews embed is provided.

reviews · home, about, contact
stablepanel

Reviews — panel (home)

Home reviews rich panel. The home `quotes` slot.

reviews · home
stablequotewall

Reviews — quote wall

Dense masonry wall of real reviews. Pick when there are many reviews and you want social-proof density.

reviews · home, about
stablepanel

Service area — panel (home)

Home service-area rich panel. The home `areas` slot.

areas · home
stablechips

Service areas

Compact chip row of service-area towns. Pick for a light area touch on home/about/contact.

service-area · home, about, contact
stablecolumns

Service areas — columns

Multi-column town list. Pick when the area list is long and you want a denser, scannable block.

service-area · home, about, contact
stablemap

Service areas — map

Town list beside the map embed. Pick on location-focused pages where a map embed exists.

service-area · home, about, contact
stablebody

Service page — body

The single-service main content (description, benefits, process steps, pricing) read from the CURRENT service post. Part of every service single by default.

service-single · service
stablerelated

Service page — related services

Cross-links the OTHER services from a service single. Part of every service single by default; remove per-type or per-post via composition.

service-single · service
stablearchive

Services — archive grid

The /services/ CPT-archive grid (every published service as a card), riding the MAIN archive query. The default grid slot on the services archive — compose a services_* variant to swap it.

services · services
stablefeatured

Services — featured

Flagship-led services: the FIRST service (menu_order) renders as a large feature (photo or icon panel + excerpt + CTA), the rest as compact rows. Pick when one service (wash & fold, pickup) leads the business.

services · home, services
stablegrid

Services — grid

Services card grid. The default services presentation; image-friendly.

services · home, services
stableiconrow

Services — icon row

Compact icon + label strip of services. Pick for a light services overview (express).

services · home, services, about
stablelist

Services — list

Alternating-row services; a service's featured image renders beside its copy when set. Pick for dense/structured services (value / commercial).

services · services, home
stablephoto

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).

services · home, services
stableiconrow

Steps — icon row

Compact horizontal numbered steps. Pick for a light, scannable flow (express / value).

steps · home, services, about
stablenumbered

Steps — numbered

Numbered "how it works". The default how-it-works; balanced.

steps · home, services, about
stablevertical

Steps — vertical

Vertical numbered timeline. Pick for a structured, sequential flow (commercial / premium).

steps · home, services, about
stablespotlight

Team — spotlight

Owner/attendant spotlight — a person-led trust surface ('meet our guides' shape). Pick on Home/About when the client supplies real people.

team · home, about
stablebadges

Trust — badges

Reassurance strip from confirmed amenities, else generic-safe badges. Pick for a light trust row; always safe.

trust · home, about, services, contact
stableguarantee

Trust — guarantee

Soft, claim-safe promise + call CTA. Pick for a reassurance block.

trust · home, about, services, contact
stablestats

Trust — stats

Headline numbers from confirmed hero stats. Pick only when real stats are entered.

trust · home, about, commercial
stablesplit

Wash & fold — split

Wash & fold explainer + photo. Pick to feature a wash & fold offering.

wash-fold · home, services
stablesteps

Wash & fold — steps

Wash & fold drop-off flow. Pick to explain the wash & fold process.

wash-fold · home, services
stablepanel

Why us — panel (home)

Home "why choose us" rich panel (copy + benefits + interior gallery + amenities). The home `why` slot.

why · home
stabletiles

Why us — tiles (home)

The why-us home panel as centered intro + icon tiles + amenities, with NO media frame — pick for photo-poor clients or compact skins so the home never shows a placeholder photo box.

why · home