Screenshots: Checkout form editor flow (heavy reuse)

[superdav42]

For #64.

Problem

docs/user-guide/configuration/checkout-forms.md uses /img/config/checkout-form-step.png for 11 of its image callouts, covering totally different concepts: the Content tab, Visibility tab, Style tab, field type picker, Username field config, Username parameters, template selection field, etc.

There’s also a smaller dupe: period-selection-field-options.png and period-selection-field-settings.png are byte-identical (MD5 1c1ac4f60f…, 114 684 B).

docs/user-guide/configuration/checkout-forms.md
  L53,57,61,65,69,71,73   — all using checkout-form-step.png for different sub-tabs of one step
  L94                     — "Field type selection dropdown" → checkout-form-step.png (wrong)
  L98 (x3)                — Username field config / parameters / additional settings → all checkout-form-step.png
  L108 (x2)               — Preview button + preview render → checkout-form-editor.png (reused)
  L143                    — Period Selection field settings (dupe pair)

Captures required

Open http://wordpress.local:8080/wp-admin/network/admin.php?page=wp-ultimo-edit-checkout-form (or any existing checkout form). Then open one step / field at a time.

#	Doc line	Concept	New / updated filename
1	L53	Step Content tab — ID, name, description	static/img/config/checkout-form-step-content.png
2	L57	Step Visibility tab — login state radios	static/img/config/checkout-form-step-visibility.png
3	L61	Step Style tab — column layout, classes	static/img/config/checkout-form-step-style.png
4	L65	Step with multiple fields added (existing shot may be fine — verify)	static/img/config/checkout-form-step-with-fields.png
5	L94	Field type dropdown opened — list of all field types	static/img/config/checkout-form-field-type-dropdown.png
6	L98a	Username field — Content tab settings	static/img/config/checkout-form-username-content.png
7	L98b	Username field — Visibility / parameters	static/img/config/checkout-form-username-visibility.png
8	L98c	Username field — Style / additional settings	static/img/config/checkout-form-username-style.png
9	L108a	Preview button on the editor toolbar (tight crop)	static/img/config/checkout-form-preview-button.png
10	L108b	Preview modal rendering the form	static/img/config/checkout-form-preview-modal.png
11	L143	Period Selection field settings panel	Overwrite static/img/config/period-selection-field-settings.png and delete period-selection-field-options.png (duplicate; not referenced anywhere)

The existing checkout-form-step.png (45 274 B) can be kept as a "step overview" shot if you like, or removed once nothing references it.

Capture at 1280×800, crop to the editor panel + relevant tab, < 200 KB.

Doc edit

Update all the checkout-form-step.png references in docs/user-guide/configuration/checkout-forms.md to the new files listed above. Same for customizing-your-registration-form.md (covered in a separate issue) which has the same reuse pattern.

Done when

• grep -c '/img/config/checkout-form-step.png' docs/user-guide/configuration/checkout-forms.md returns 0 or 1 (only the overview, if you kept it).
• period-selection-field-options.png removed; period-selection-field-settings.png updated.
• All new files added under static/img/config/.
• Doc renders correctly.
• PR opened with Resolves for this issue and Ref #64.

---

aidevops.sh v3.15.64 plugin for OpenCode v1.15.5 with claude-sonnet-4-6 spent 4d 9h and 383 tokens on this as a headless worker.

[superdav42]

DISPATCH_CLAIM nonce=fed943ac87e7e237a5133fe2a55bc626 runner=superdav42 ts=2026-05-20T15:23:14Z max_age_s=1800

[superdav42]

Dispatching worker (deterministic).

• Worker PID: 2109879
• Model: anthropic/claude-sonnet-4-6
• Tier: standard
• Runner: superdav42
• Issue: Screenshots: Checkout form editor flow (heavy reuse) #72