Register

Purpose

The Register component renders the registration page wrapper.

It:

renders only when GlobalData.Settings.showRegistration is enabled

renders a page header from translations.registerAccount

renders the actual registration form via Reusables\\Register\\Default

shows a footer prompt that links to /login

Inputs (model contract)

Model shape (storefront example)

{
  "name": "Register",
  "view": "Default",
  "section": "SectionA",
  "settings": {
    "id": "Component Id",
    "section": "SectionA",
    "type": "NoirRegister",
    "name": "Register",
    "configuredInContentApi": true,
    "view": "Default",
    "cssClass": ""
  },
  "translations": {
    "registerAccount": "Sample text",
    "alreadyAccount": "Sample text",
    "login": "Sample text"
  }
}

Required fields

settings.id

Optional fields

settings.cssClass

translations.registerAccount

translations.alreadyAccount

translations.login

JavaScript

Global object

Components/Register/Default.js currently exports an empty object:

There’s no Alpine binding (x-data) in this component’s Liquid template.

Dependencies

Reusables\\Register\\Default

Notes

Rendering is gated by GlobalData.Settings.showRegistration.

The component generates a per-render uniquekey value and passes it to the Register reusable.

The “Already have an account?” link always points to /login.

Extras

Template behavior (Liquid + Alpine)

Builds uniquekey from the current time (date + seconds + nanoseconds-ish) to avoid collisions.

Renders a centered container with the reusable form and a login prompt.

Register

Purpose#

Inputs (model contract)#

Model shape (storefront example)#

Required fields#

Optional fields#

JavaScript#

Global object#

Dependencies#

Notes#

Extras#

Template behavior (Liquid + Alpine)#