Desktop/Component kit/Page help

Page help

The question-mark sits in the phone bar, right of the environment badge. It opens help as a bottom sheet.

Help trigger: placement

Phone bar, right side, before the account avatar. Same position on every page.

Global Store
StagingFW
Product
StagingFW
Cloth library
StagingFW
UsesButton .help-q--control-h-m

Help trigger: states

Shown 36px, hit area 44px. No hover on touch, so no tooltip.

default
focus
open
UsesButtonaria-expanded--ring

Help bottom sheet

Tap the question mark. The sheet rises over the page; drag handle, cross, outside tap or Escape closes it.

Global Store
StagingFW

Global Store

214 products

  • navy-birdseye-two-piecev4 · Available
    £1,1502 Oct
  • charcoal-herringbone-jacketv2 · Available
    £780Yesterday
  • mid-grey-flannel-trousersv1 · Draft
    £340Today 14:20
  • navy-chalk-stripe-three-piecev3 · Available
    £1,39029 Sep
  • brown-glen-check-waistcoatv5 · Retired
    £26021 Sep
UsesSheet (side=bottom)Collapsible--e-phone-sheet--motion-sheet-in

Content blocks

Summary, what you can do, connected to, data sources, key terms. Key terms fold away on the phone.

Write one product that every brand can copy. Choose the cloth, fill in the details, set prices, add photos and save. Brands see it once it is Available.

Who can use this: Super admins with two-step sign-in

What you can do here

  • Pick the main cloth by code or collection. Matching cloths can be proposed for you to confirm.
  • Change a detail that comes from the cloth, such as weight or weave, for this product only.
  • Set recommended prices in each currency brands sell in.
  • Add photos to the nine slots and write a short description for each.
  • Withdraw or retire a product that should stop being offered.

Connected to

Where the data comes from

  • Cloth details

    Copied in from the cloth suppliers' books. Shown with the time of the last copy.

    Synced Yesterday 06:00cloth library
  • Text, details and prices

    Saved in the admin's own database when you press Save.

    Updated on savemaster drafts
  • Photos and gallery

    Kept in the website content system. Open it there to reorder or replace a photo.

    Updated on savewebsite content
  • Checklist

    Worked out each time you save. It lists what is done and what is still needed.

Key terms (4)
Anchor cloth
The main cloth this product is built around.
Sibling cloths
Other colours of the same cloth that can be sold as the same product.
Ways to sell
The kinds of order a brand may take for this product.
Avatar
The model figure used in previews. For this product it is fixed to RJ Clothing.
UsesSeparatorCollapsibleButton (link)Badge

Data source kinds

A source that is not wired, or is out of date, says so in words.

  • Saved here

    Kept in the admin's own database.

    Updated on savemaster drafts
  • Brand access list

    Which brands can see a product. This is not connected to the page yet.

    Not wired
  • Cloth details

    The last copy from the cloth suppliers did not finish, so these may be out of date.

    Last copy failedLast good copy 6 Octcloth library
UsesBadge.chip.warning.chip.danger

Sheet states

Loading, no help written yet, and a failed load.

loading
Cloth library
FW
empty
Cloth library
FW
error
Cloth library
FW
UsesSkeletonAlertButton

Sheet on the product editor

The same sheet on a longer page, open on load. The body scrolls under a fixed header and footer.

Global Store
StagingFW

Navy birdseye two-piece suit

Global Store product · Available v4

Anchor cloth

Cloth
Crystal Springs
Code
HS 81045
Colour
Navy

Recommended price

GBP
£1,150.00
EUR
€1,320.00
UsesSheet (side=bottom)ScrollArea