The Size Recommendation feature is an intelligent sizing system that helps customers find their perfect fit by analyzing their body measurements, preferences, and other factors
How It Works
User Interface Flow
The size recommendation system presents users with a multi-step form through three main tabs:
Basics Tab: Collects fundamental measurements (height, weight, gender)
Shapes Tab: Gathers body shape and fit preferences
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:
Determines Size System Type: Automatically detects whether the product uses letter sizes (XS, S, M, L, XL) or numeric sizes (28, 30, 32, etc.)
Base Size Calculation:
For letter sizes: Uses BMI-based thresholds
For numeric sizes: Calculates waist measurements using gender-specific formulas
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)
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:
Go to your product template in the theme editor
Add or configure the "Variant Picker" block
Enable "Show Size Recommendation" option in block settings
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: