Skip to content

GH#77: docs: update site template screenshots - #120

Merged
superdav42 merged 1 commit into
mainfrom
feature/auto-20260530-164335-gh77
May 30, 2026
Merged

GH#77: docs: update site template screenshots#120
superdav42 merged 1 commit into
mainfrom
feature/auto-20260530-164335-gh77

Conversation

@superdav42

@superdav42 superdav42 commented May 30, 2026

Copy link
Copy Markdown
Contributor

Summary

Updated site template docs to use dedicated template-selection, settings, description, and frontend chooser screenshots. Added the new screenshot assets under static/img/config and aligned the auto search-and-replace page with the Site Template Options screenshot. Ref #64.

Files Changed

docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md,docs/user-guide/configuration/site-templates.md,static/img/config/checkout-form-template-step.png,static/img/config/frontend-template-chooser.png,static/img/config/settings-sites-templates-section.png,static/img/config/site-template-edit-description.png,static/img/config/site-templates-list.png

Runtime Testing

  • Risk level: Low (agent prompts / infrastructure scripts)
  • Verification: npm run build (fails on pre-existing missing images outside this change: /img/installation/install-wizard.png, /img/frontend/broadcast-customer-dashboard.png, /img/config/payments-force-auto-renew.png, /img/frontend/manual-thank-you.png, /img/admin/addons-page-vat.png); targeted image-reference check for the two edited markdown files passed.

Resolves #77


aidevops.sh v3.20.5 plugin for OpenCode v1.15.12 with gpt-5.5 spent 9m and 137,797 tokens on this as a headless worker.

Summary by CodeRabbit

  • Documentation
    • Updated Site Template configuration guides with clearer step-by-step instructions.
    • Revised screenshots and navigation pathways for accessing the placeholders editor and configuring template options.
    • Enhanced "Default Mode" section with expanded guidance for Checkout Forms configuration.
    • Corrected text references and updated auto search-and-replace documentation.

Review Change Stack

@superdav42 superdav42 added the origin:worker Created by headless/pulse worker session label May 30, 2026
@superdav42

Copy link
Copy Markdown
Contributor Author

Completion Summary

  • What: Updated site template docs to use dedicated template-selection, settings, description, and frontend chooser screenshots. Added the new screenshot assets under static/img/config and aligned the auto search-and-replace page with the Site Template Options screenshot. Ref Screenshot audit and refresh program (master) #64.
  • Issue: Screenshots: Site templates documentation #77
  • Files changed: docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md,docs/user-guide/configuration/site-templates.md,static/img/config/checkout-form-template-step.png,static/img/config/frontend-template-chooser.png,static/img/config/settings-sites-templates-section.png,static/img/config/site-template-edit-description.png,static/img/config/site-templates-list.png
  • Testing: npm run build (fails on pre-existing missing images outside this change: /img/installation/install-wizard.png, /img/frontend/broadcast-customer-dashboard.png, /img/config/payments-force-auto-renew.png, /img/frontend/manual-thank-you.png, /img/admin/addons-page-vat.png); targeted image-reference check for the two edited markdown files passed.
  • Key decisions: none

aidevops.sh v3.20.5 plugin for OpenCode v1.15.12 with gpt-5.5 spent 9m and 137,797 tokens on this as a headless worker.

@coderabbitai

coderabbitai Bot commented May 30, 2026

Copy link
Copy Markdown
📝 Walkthrough

Walkthrough

Site Templates documentation updated across two files to correct instructions, fix typos, and replace screenshots. Changes cover site template creation with descriptions, product assignment, checkout form template selection configuration, auto-replacement field matching, and placeholders editor access workflows.

Changes

Site Templates Documentation Refresh

Layer / File(s) Summary
Site template creation with customer-facing description
docs/user-guide/configuration/site-templates.md
Added step describing how to include a customer-facing description field during site template creation, with accompanying screenshot showing the description input interface.
Template assignment in product options
docs/user-guide/configuration/site-templates.md
Corrected "Edit Product" page text (removed typo spacing) and updated surrounding description for selecting the "Assign Site Template" option under product options.
Default template selection via checkout forms
docs/user-guide/configuration/site-templates.md
Rewrote "Default Mode" instructions to configure template selection via Checkout Forms with expanded step-by-step guidance, template site modal behavior description, and updated/new screenshots; removed older multi-image sequence.
Auto search-and-replace field matching
docs/user-guide/configuration/site-templates.md
Updated instructions for adding matching registration fields in checkout form editor to enable auto search-and-replace pre-population, with streamlined/updated example illustrations.
Template placeholders editor access
docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md, docs/user-guide/configuration/site-templates.md
Updated navigation instructions in both files to reference "Site Template Options" area and "Edit Placeholders" link location; replaced sidebar-based navigation text and screenshots with current UI flow and entry-point images.

🎯 2 (Simple) | ⏱️ ~10 minutes

A rabbit hops through docs with glee,
Fine-tuning screenshots, one, two, three,
Template options gleam so bright,
Placeholders dance into sight, 🐰✨
Better guidance makes all right!

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'GH#77: docs: update site template screenshots' clearly summarizes the main change: updating documentation with new screenshots for site templates, directly addressing the core objective of issue #77.
Linked Issues check ✅ Passed All coding requirements from issue #77 are met: new dedicated screenshots added to static/img/config, both documentation files updated to use the new images instead of generic checkout shots, and no generic references remain in site-templates.md.
Out of Scope Changes check ✅ Passed All changes are directly in scope: two markdown files updated for documentation clarity and seven image files added to support the site template documentation, all per issue #77 requirements.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/auto-20260530-164335-gh77

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (2)
docs/user-guide/configuration/site-templates.md (2)

24-36: ⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

Align screenshot alt text with the referenced image (lines 24–36)

  • In docs/user-guide/configuration/site-templates.md, lines 24, 28, and 36 all reference /img/config/site-templates-list.png, but the alt text describes different UI elements (“Sites list page”, “site type” modal dropdown, and “Copy Site” toggle). Update the alt text to match the single screenshot’s actual contents (or split into dedicated screenshots and references if they’re meant to be different).
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/user-guide/configuration/site-templates.md` around lines 24 - 36, The
three image alt texts "Add site button in the Sites list page", "Add site
template modal with site type dropdown", and "Add site template modal with copy
site toggle" do not match a single referenced screenshot; either update those
alt text strings so they accurately describe the actual screenshot content, or
replace the single shared image reference with separate screenshots and
corresponding alt text entries for each UI element (Sites list, site-type modal
dropdown, Copy Site toggle) wherever those three markdown image lines appear in
the file.

124-136: ⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

Fix screenshot reference mismatch in the auto search-and-replace example

  • In docs/user-guide/configuration/site-templates.md, both the “{{placeholder_name}}” step and the “Placeholders replaced with customer data” step use /img/config/site-templates-list.png, but there’s no separate “after replacement” screenshot available in static/img/config to differentiate the two states; update the second image reference (or adjust the caption/alt text to match what the single image shows).
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/user-guide/configuration/site-templates.md` around lines 124 - 136, The
docs page uses the same screenshot (/img/config/site-templates-list.png) for
both the placeholder example and the “after replacement” state; update the
second occurrence (the image tag and its alt/caption) so it either points to the
actual “after replacement” image (if available) or change the alt text/caption
to indicate it’s the same screenshot shown earlier; look for the image markdown
reference "/img/config/site-templates-list.png" and the neighboring captions in
site-templates.md and replace or adjust the filename/alt text accordingly,
ensuring consistency with the existing images
"/img/config/checkout-form-template-step.png" and
"/img/config/frontend-template-chooser.png".
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@docs/user-guide/configuration/site-templates.md`:
- Around line 144-150: Update the navigation text in
docs/user-guide/configuration/site-templates.md and
docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md to
use a consistent flow for reaching the placeholders editor—e.g., "Go to Ultimate
Multisite > Settings > Sites, scroll to the Site Template Options area, then
click Edit Placeholders in the sidebar" (referencing the "Edit Placeholders"
link and "Site Template Options" area to locate the instruction). Also replace
the duplicated image usage (/img/config/settings-sites-templates-section.png)
with the correct distinct screenshots or adjust the alt text to accurately
reflect that both references show the same screen; ensure each <img> uses a
unique asset and matching alt text so the two image references in
site-templates.md (and the two in auto-search-and-replace-in-site-templates.md)
accurately correspond to the UI step they depict.

---

Outside diff comments:
In `@docs/user-guide/configuration/site-templates.md`:
- Around line 24-36: The three image alt texts "Add site button in the Sites
list page", "Add site template modal with site type dropdown", and "Add site
template modal with copy site toggle" do not match a single referenced
screenshot; either update those alt text strings so they accurately describe the
actual screenshot content, or replace the single shared image reference with
separate screenshots and corresponding alt text entries for each UI element
(Sites list, site-type modal dropdown, Copy Site toggle) wherever those three
markdown image lines appear in the file.
- Around line 124-136: The docs page uses the same screenshot
(/img/config/site-templates-list.png) for both the placeholder example and the
“after replacement” state; update the second occurrence (the image tag and its
alt/caption) so it either points to the actual “after replacement” image (if
available) or change the alt text/caption to indicate it’s the same screenshot
shown earlier; look for the image markdown reference
"/img/config/site-templates-list.png" and the neighboring captions in
site-templates.md and replace or adjust the filename/alt text accordingly,
ensuring consistency with the existing images
"/img/config/checkout-form-template-step.png" and
"/img/config/frontend-template-chooser.png".
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 1410b0c6-21ac-4f97-8bac-74459b0cdff4

📥 Commits

Reviewing files that changed from the base of the PR and between 9a070ba and 2b51cd4.

⛔ Files ignored due to path filters (5)
  • static/img/config/checkout-form-template-step.png is excluded by !**/*.png
  • static/img/config/frontend-template-chooser.png is excluded by !**/*.png
  • static/img/config/settings-sites-templates-section.png is excluded by !**/*.png
  • static/img/config/site-template-edit-description.png is excluded by !**/*.png
  • static/img/config/site-templates-list.png is excluded by !**/*.png
📒 Files selected for processing (2)
  • docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md
  • docs/user-guide/configuration/site-templates.md

Comment on lines 144 to +150
You can have access to the template placeholders editor by heading to **Ultimate Multisite > Settings > Sites**, and then, on the sidebar, clicking the **Edit Placeholders** link.

![Placeholder settings under Sites settings page](/img/config/settings-sites.png)
![Site template settings under the Sites settings page](/img/config/settings-sites-templates-section.png)

That will take you to the placeholders' content editor, where you can add placeholders and their respective content.

![Template placeholders content editor](/img/config/settings-sites.png)
![Template placeholders content editor entry point](/img/config/settings-sites-templates-section.png)

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Description: Compare navigation instructions across both documentation files

echo "=== site-templates.md navigation ==="
rg -n -A2 -B2 'Edit Placeholders' docs/user-guide/configuration/site-templates.md

echo -e "\n=== auto-search-and-replace navigation ==="
rg -n -A2 -B2 'Edit Placeholders' docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md

Repository: Ultimate-Multisite/docs

Length of output: 1184


🏁 Script executed:

#!/bin/bash
set -euo pipefail

echo "=== site-templates.md (lines 140-155) ==="
nl -ba docs/user-guide/configuration/site-templates.md | sed -n '135,160p'

echo -e "\n=== auto-search-and-replace-in-site-templates.md (lines 15-40) ==="
nl -ba docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md | sed -n '10,45p'

Repository: Ultimate-Multisite/docs

Length of output: 170


🏁 Script executed:

#!/bin/bash
set -euo pipefail

echo "=== site-templates.md (exact lines 140-155, incl. image markup) ==="
cat -n docs/user-guide/configuration/site-templates.md | sed -n '135,155p'

echo -e "\n=== auto-search-and-replace-in-site-templates.md (exact lines 18-40, incl. image markup) ==="
cat -n docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md | sed -n '15,40p'

Repository: Ultimate-Multisite/docs

Length of output: 2651


Fix inconsistent navigation wording and duplicated screenshot references in site templates docs.

  1. Navigation inconsistency: docs/user-guide/configuration/site-templates.md says to click Edit Placeholders “on the sidebar” (line 144), while docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md says to “scroll to the Site Template Options area” first (line 26). Align the flow across both pages.
  2. Duplicate screenshot reference: docs/user-guide/configuration/site-templates.md uses the same image file /img/config/settings-sites-templates-section.png for two different steps (lines 146 vs 150) but with different alt text, implying two different screens. The same duplicate file/path happens in docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md (lines 28 vs 32). Use distinct screenshot assets (or update the references/alt text so they match the actual UI shown).
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/user-guide/configuration/site-templates.md` around lines 144 - 150,
Update the navigation text in docs/user-guide/configuration/site-templates.md
and docs/user-guide/configuration/auto-search-and-replace-in-site-templates.md
to use a consistent flow for reaching the placeholders editor—e.g., "Go to
Ultimate Multisite > Settings > Sites, scroll to the Site Template Options area,
then click Edit Placeholders in the sidebar" (referencing the "Edit
Placeholders" link and "Site Template Options" area to locate the instruction).
Also replace the duplicated image usage
(/img/config/settings-sites-templates-section.png) with the correct distinct
screenshots or adjust the alt text to accurately reflect that both references
show the same screen; ensure each <img> uses a unique asset and matching alt
text so the two image references in site-templates.md (and the two in
auto-search-and-replace-in-site-templates.md) accurately correspond to the UI
step they depict.

@superdav42
superdav42 merged commit dc49506 into main May 30, 2026
1 check passed
@superdav42 superdav42 added the review-feedback-scanned Merged PR already scanned for quality feedback label May 31, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

origin:worker Created by headless/pulse worker session review-feedback-scanned Merged PR already scanned for quality feedback

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Screenshots: Site templates documentation

1 participant