1. Block settings
The quickest route, and enough for most stores. On Shopify, open the theme editor and select the Print Configurator block:
Leave any of them empty to keep the widget’s own neutral default.
2. CSS variables
For finer control, set--pc-* custom properties on the configurator element
from your theme’s CSS. The widget reads them live:
accent, accent-contrast, accent-soft,
surface, surface-alt, border, text, text-muted, danger, focus),
typography (font-family, font-size, label-weight), shape
(radius-control, radius-card, space, shadow-card), the call-to-action
(cta-bg, cta-color) and sizing (swatch-size, card-image-height).
3. Part selectors
The configurator renders in a shadow root, which keeps your theme’s CSS from leaking in and breaking it. To style specific pieces anyway, use::part():
base, section, section-title, field,
field-label, field-help, field-error, summary, summary-title,
summary-line, summary-recap, price, cta, hold-message, dropdown,
dimensions, and the stepper group (stepper, stepper-input,
stepper-increment, stepper-decrement).
Layout
Under Product settings in the builder, choose how sections are presented:- Stacked — everything on one page. Best for most print products, because the customer sees every choice and the price at once.
- Wizard — one section per step, with next/back. Useful when a product has many sections and the choices are genuinely sequential.