X-Cart UI Kit

Admin Components

Overview

Home

Components

Buttons Forms Tables Badges Alerts Panels Navigation Search Block Icons Typography Colors

Figma Integration

Sync Status

Patterns

Filter Section Data Table Settings Form

Building Blocks

Partials (Twig)

Mockups

Blank Template Orders List Products List Settings Page

Catalog Import (ECOM-9453)

V1: Explicit Dates V2: Badge Tooltips V3: Status Tooltips V4: Combined Column

Shipments (ECOM-9582)

Shipments List Label Under Number

Acumatica Settings (ECOM-9647)

Step 1: Connection Step 2: Configuration

Returns Admin (ECOM-5618)

Returns Tab (Empty) Order Returns Tab Multiple Returns Create Return Create (Grouped) Create (Selected) Create Return - WD Returns Dashboard Return Detail Return Rules Complete Return Modal Deny Return Modal Return History Modal

Returns Customer

My Returns List Request Return Detail: Submitted Detail: Approved Detail: Completed Order Return Button

Wholesale (ECOM-7245)

Products Filter Bulk Edit Form

Product Detail Tab

No Wholesale Use Profile Custom Pricing

Wholesale Profiles

Profiles (Empty) Migration Banner Profiles List New Profile (Table) New Profile (Repeater) Edit Profile Delete Modal After Migration Migration Modal

2FA (ECOM-6316)

Settings (Super Admin)

Policy: Enforce OFF Policy: Enforce ON

Profile (All Admins)

Profile: 2FA Setup Profile: 2FA Configured Profile: 2FA (Enforced)

Disable 2FA (Modals)

Modal: Disable (Auth) Modal: Disable (Backup) Modal: Backup Codes Modal: Disable (Auth) - Error Modal: Disable (Backup) - Error

Revoke 2FA (Modals)

Modal: Revoke (Confirm) Modal: Revoke (Success)

Reconfigure 2FA

Modal: Reconfigure (Auth) Modal: Reconfigure (Backup) Modal: Reconfigure (Auth) - Error Modal: Reconfigure (Scan) Modal: Reconfigure (Scan) - Error

Generate Codes

Modal: Generate (Auth) Modal: Generate (Auth) - Error Modal: Generate (Backup) Modal: Generate (Success)

Error States

Wheels & Tires Package

Settings Vehicles Packages Edit Package Import Orders Edit Vehicle

Avalara Address Verification (ECOM-9969)

Task 2: Visual Indicators

Store Profile Warning Users List User Address Book Edit Address Popup Locations List Location Detail

Wheels & Tires Package - Settings

Admin Module Settings

admin.xcart.com/admin/?target=wheels_tires_package

View storefront

Admin

/ Store / Wheels & Tires Package

Wheels & Tires Package

Module is enabled and active

Settings
Vehicles
Packages
Import
Orders

General Settings

Configure the basic package configurator behavior

Enable Configurator

Allow customers to build wheel & tire packages

Show on Product Pages

Display "Build Package" button on wheel and tire products

Default Package Quantity

Number of wheels/tires per set

Pricing

Configure package discounts and pricing rules

Package Discount Type

Package Discount Value

Discount applied when customer purchases a complete wheel & tire package

Minimum Items for Discount

Minimum number of items (wheels + tires) required to qualify for package discount

Free Mounting with Package

Waive mounting fee for complete packages

Vehicle Data Source

Configure the source of vehicle fitment data

Data Source

Auto-Update Vehicle Data

Automatically fetch latest vehicle data from source

Update Frequency

Last Sync

Jan 28, 2025 at 14:32 Synced

Fitment Validation

Configure compatibility checks for wheel and tire fitment

Enable Auto-Compatibility Check

Verify fitment automatically Automatically verify bolt pattern, center bore, offset, width against vehicle specs

Strict Mode

Block incompatible combinations Block incompatible combinations instead of just warning

Show Compatibility Score

Display fitment score percentage on product pages

Display Options

Configure how package information is displayed to customers

Show Fitment Badge

Display badge on compatible products

Show Compatibility Warnings

Warn customers when selected items may not be compatible

Show Package Savings

Display how much the customer saves with the package

Badge Text

Text shown on the fitment compatibility badge

Cancel