Size Recommendation

How It Works

User Interface Flow

The size recommendation system presents users with a multi-step form through three main tabs:

1. Basics Tab: Collects fundamental measurements (height, weight, gender)
2. Shapes Tab: Gathers body shape and fit preferences
3. Measurements Tab: Optional detailed measurements (bust size, cup size) - only appears if metaobject data is configured

Calculation Logic

The system uses a sophisticated algorithm that:

1. Determines Size System Type: Automatically detects whether the product uses letter sizes (XS, S, M, L, XL) or numeric sizes (28, 30, 32, etc.)
2. Base Size Calculation:
   • For letter sizes: Uses BMI-based thresholds
   • For numeric sizes: Calculates waist measurements using gender-specific formulas
3. Applies Adjustments: Modifies the base size based on:
   • Body shape (slim reduces size, curvy/athletic increases size)
   • Fit preference (fitted reduces size, oversized increases size)
   • Height variations (tall/short adjustments based on gender)
4. Metaobject Integration: If detailed sizing data is available, uses bust and cup measurements for precise recommendations

Setup Requirements

1. Product metafields and metaobject configuration

You need to configure the following metafields and metaobject for products here

2. Theme Settings Integration

The feature is automatically integrated into the variant picker block. To enable:

1. Go to your product template in the theme editor
2. Add or configure the "Variant Picker" block
3. Enable "Show Size Recommendation" option in block settings
4. The recommendation button will appear next to size options

Configuration Options

Adjustable Parameters

The system includes configurable adjustment values that can be modified in the JavaScript file:

Body Shape Adjustments

• Slim: Reduces recommended size
• Curvy: Increases recommended size
• Athletic: Slightly increases recommended size

Fit Preference Adjustments

• Fitted: Reduces recommended size
• Regular: No adjustment
• Oversized: Significantly increases recommended size

Height Adjustments

• Gender-specific thresholds for tall/short adjustments
• Different values for letter vs. numeric sizing systems

BMI Thresholds

• Customizable BMI ranges for size determination
• Separate thresholds for male, female, and other genders

User Experience

When Measurements Tab Appears

• The Measurements tab only shows if the product has detailed sizing data (metaobject configured)
• If no detailed data exists, users proceed directly from Shapes to Results
• The "Get Recommendation" button appears in the appropriate final tab

Data Persistence

• User inputs are saved in browser storage per product
• Previous recommendations are restored when reopening the form
• Users can reset and start over at any time