UI Customization Settings

The UI Customization settings in WorkMate allow you to modify how product variants are displayed in different modules such as Work Orders, Purchase Orders, and Special Orders. You can choose to apply changes globally or locally to specific modules.

Subtitle Slot (Left Side)

• The subtitle slot displays additional information underneath the product title on the left side of the product description.

• This is a great place to show brief product metadata.

Tip: Use the subtitle slot for customer-facing labels like title or vendor.

Right Slot (Right Side)

• The right slot appears on the right side of the product information area.

• It is ideal for displaying larger or more detailed information about the product variant.

Tip: Use the right slot for technical or internal-facing data like sku, taxable, or price.

Using Variables

• You can use dynamic variables in both slots to personalize the UI. Format your variables like this:

• {{ productVariant.variableName }}

Common Variables

• {{ productVariant.title }}

• {{ productVariant.price }}

• {{ productVariant.taxable }}

• {{ productVariant.sku }}

• {{ productVariant.product.vendor }}

• {{ productVariant.product.tags }}

• {{ productVariant.product.usesSerialNumbers }}

To discover more variables, click into a product preview to view the product's JSON structure.

Example: Product SKU, Price and Taxability

Subtitle Slot:

SKU: {{ productVariant.sku }}

Right Slot:

Price: ${{ productVariant.price }}  
Taxable: {{ productVariant.taxable }}

Where to Apply UI Customization

You can apply custom UI formatting to:

• Work Orders

• Purchase Orders

• Special Orders

• Or set it globally for all modules

Tip: For global consistency, keep formatting minimal and standardized across modules.