Size Recommendation
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:
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
Last updated